#4E6E97 Hex Color

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

Hex color #4e6e97 graphic
#4e6e97 is a muted, dusty blue that prioritizes understatement over saturation. Because it is desaturated and cool, it works best as a steady, reliable background for professional tech or finance interfaces. Use white text for optimal readability, as the contrast ratio is strong enough for body copy. This hex code pairs well with crisp, warm grays to keep your layout from feeling too gloomy.

Questions about #4e6e97

What is #4e6e97 in RGB, HSL and CMYK?
In RGB, #4e6e97 is rgb(78, 110, 151), in HSL hsl(214, 32%, 45%) and in CMYK 48%, 27%, 0%, 41%.
What colors pair well with #4e6e97 for a modern interface?
#4e6e97 works exceptionally well when paired with charcoal for text or cream for background accents. These pairings avoid the gloominess that can happen if you only use other dark, cool-toned neutrals alongside this dusty blue.
Is #4e6e97 suitable for body text in a web design?
Yes, #4e6e97 is an excellent choice for body text when placed against a light, off-white background. Because it is desaturated, it provides a softer, more sophisticated alternative to standard black text while maintaining strong readability and contrast.
Is #4e6e97 readable on white or black?
#4e6e97 has a 5.24:1 contrast ratio on white and 4.00: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.