#0B5084 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted blue with cool, slightly gray undertones, #0b5084 creates a serious, dependable mood. Its depth suggests security and control, making it effective for finance, technology, government, and healthcare branding. Use it as a dominant background with white text, which reaches about 8.4:1 contrast. The hex code #0b5084 also pairs well with muted copper accents.
Questions about #0b5084
What is #0b5084 in RGB, HSL and CMYK?
In RGB, #0b5084 is rgb(11, 80, 132), in HSL hsl(206, 85%, 28%) and in CMYK 92%, 39%, 0%, 48%.
Does #0b5084 work with white text?
Yes, #0b5084 provides about an 8.4:1 contrast ratio with white, making it suitable for readable body text and strong UI contrast while meeting WCAG AA and AAA thresholds for normal text. It works especially well as a deep navigation, header, or panel background.
What colors pair well with #0b5084?
#0b5084 pairs well with white, soft gray, and muted copper, creating clean contrast while balancing its cool depth with gentle warmth and keeping the overall palette serious, controlled, and easy to read. Use white and pale neutrals for interfaces, or muted copper as a restrained accent in branding and editorial layouts.
What mood does #0b5084 create in a design?
#0b5084 creates a serious, dependable mood because its dark blue base and slightly gray undertones feel controlled, stable, reserved, professional, and quietly authoritative rather than bright, playful, casual, or high-energy. It suits finance, technology, government, and healthcare interfaces that need a calm, trustworthy visual tone.
Is #0b5084 readable on white or black?
#0b5084 has a 8.41:1 contrast ratio on white and 2.49:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.