#2B3F57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This inky, desaturated blue reads as serious and grounded, making it ideal for financial or government interfaces. Use the hex code #2b3f57 as a dark, reliable background. It offers excellent contrast for white text, achieving a sharp 10.8:1 ratio. For a more sophisticated palette, pair this shade with other shades of purple to add some necessary warmth to the cool, muted tones.
Questions about #2b3f57
What is #2b3f57 in RGB, HSL and CMYK?
In RGB, #2b3f57 is rgb(43, 63, 87), in HSL hsl(213, 34%, 25%) and in CMYK 51%, 28%, 0%, 66%. Browse more shades of blue with names and hex codes.
Why is #2b3f57 effective for user interface design?
#2b3f57 functions as a highly reliable background color that provides excellent contrast for white text, achieving a sharp 10.8:1 ratio. Its serious and grounded character makes it a professional choice for financial or government web applications.
How can I make #2b3f57 feel less cold in a design?
You can offset the inherent coolness of #2b3f57 by introducing subtle warmth through accent colors. Pairing this inky blue with muted purple shades creates a sophisticated palette that softens the overall visual impact while maintaining professional discipline.
Is #2b3f57 readable on white or black?
#2b3f57 has a 10.76:1 contrast ratio on white and 1.95: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.