#2B4F81 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue carries a serious and grounded weight. Because #2b4f81 sits at a lower saturation level, it serves as an excellent, non-distracting background for professional UI designs. It provides high contrast with white text, making it a reliable choice for long-form reading interfaces. Pair this hex code with soft grays or muted ochre accents to avoid a stark, clinical feel in your layouts.
Questions about #2b4f81
What is #2b4f81 in RGB, HSL and CMYK?
In RGB, #2b4f81 is rgb(43, 79, 129), in HSL hsl(215, 50%, 34%) and in CMYK 67%, 39%, 0%, 49%.
Does #2b4f81 pair well with warmer accent colors?
Yes, #2b4f81 works exceptionally well with muted ochre or soft warm grays to soften its professional, grounded edge. Using these warmer tones prevents the blue from feeling too cold or clinical in long-form reading interfaces where comfort is a priority.
Is #2b4f81 suitable for text-heavy UI backgrounds?
Because it has a lower saturation level, #2b4f81 functions as an excellent, non-distracting background for professional UIs. It provides high contrast when paired with white or very light text, making it a reliable choice for maintaining readability over long sessions.
Is #2b4f81 readable on white or black?
#2b4f81 has a 8.27:1 contrast ratio on white and 2.53: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.