#2E5777 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2e5777 graphic
Muted and cool, #2e5777 is a dark blue with gray, dusty undertones. Its low saturation creates a serious, controlled mood that suits finance, security, technology, and government work. Use it as a dominant background or supporting tone; white text reaches about 7.6:1 contrast. The hex code for this blue is #2e5777.

Questions about #2e5777

What is #2e5777 in RGB, HSL and CMYK?
In RGB, #2e5777 is rgb(46, 87, 119), in HSL hsl(206, 44%, 32%) and in CMYK 61%, 27%, 0%, 53%.
Does #2e5777 work with white text?
#2e5777 works well with white text, reaching about a 7.6:1 contrast ratio, which exceeds the 4.5:1 WCAG AA threshold for normal body text and supports readable labels, controls, and interface copy. It suits dark panels and interface backgrounds.
What colors pair well with #2e5777?
#2e5777 pairs well with warm off-white, muted burgundy, and pale sage, creating contrast without making the palette feel harsh across interfaces, editorial layouts, and restrained brand systems where the blue carries most of the visual weight. Keep the warm tones in smaller areas.
Does #2e5777 read as warm or cool?
#2e5777 reads as a cool blue because its dark, low-saturation surface carries a gray cast rather than yellow or red warmth, giving it a reserved, serious mood that can feel slightly gloomy beside bright neutrals. Its restraint suits formal visual systems.
Is #2e5777 readable on white or black?
#2e5777 has a 7.64:1 contrast ratio on white and 2.74: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.