#0B3F78 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated blue anchors moody interfaces and corporate branding. Its deep tone conveys seriousness and stability, making it ideal for UI backgrounds where white text needs high contrast. Use #0b3f78 as a primary base for professional designs that require a traditional feel. Because it is quite dark, pair it with muted metallics rather than bright neons to keep the palette looking sophisticated.
Questions about #0b3f78
What is #0b3f78 in RGB, HSL and CMYK?
In RGB, #0b3f78 is rgb(11, 63, 120), in HSL hsl(211, 83%, 26%) and in CMYK 91%, 48%, 0%, 53%. Browse more shades of blue with names and hex codes.
What colors pair best with #0b3f78?
Pair #0b3f78 with soft, muted metallics like silver or champagne to maintain a sophisticated palette without overwhelming the deep blue base. Avoid bright neons that can clash with its traditional, professional weight and distract from the interface design.
Is #0b3f78 a good choice for text backgrounds?
This color is an excellent choice for UI backgrounds because it provides a strong, high-contrast base for white or light gray typography. It creates a stable, readable foundation that feels more modern and authoritative than standard black backgrounds.
Is #0b3f78 readable on white or black?
#0b3f78 has a 10.51:1 contrast ratio on white and 1.99: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.