#2E4166 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty navy projects professional stability without the harshness of pure black. As a desaturated, cool-toned shade, #2e4166 works best as a primary background or a grounding element in corporate UI design. It provides excellent readability for white text, ensuring accessibility in long-form copy. Avoid using it alongside other dull colors to prevent a muddy appearance, as it shines brightest when paired with crisp, high-contrast accents.
Questions about #2e4166
What is #2e4166 in RGB, HSL and CMYK?
In RGB, #2e4166 is rgb(46, 65, 102), in HSL hsl(220, 38%, 29%) and in CMYK 55%, 36%, 0%, 60%.
What colors pair well with #2e4166?
Use crisp, high-contrast accents like off-white or soft creams to keep #2e4166 from appearing muddy. Since this is a desaturated, cool navy, it also responds well to warm metallic tones like copper or brushed brass for a grounded, modern aesthetic.
Is #2e4166 a suitable choice for body text?
Yes, #2e4166 offers excellent readability against light backgrounds, making it a professional choice for long-form copy. It provides enough visual weight to sustain interest without the harsh, high-contrast strain often associated with pure black text on a stark white screen.
Is #2e4166 readable on white or black?
#2e4166 has a 10.17:1 contrast ratio on white and 2.06: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.