#3E5C76 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dusty, #3e5c76 is a cool, desaturated blue with heavy gray undertones. This shade works as a professional base for tech or corporate interfaces, offering a serious alternative to standard navy. Because of its dark value, white text provides excellent legibility against it. Use it carefully, as it can appear muddy when used as a full-screen background. The hex code is #3e5c76.
Questions about #3e5c76
What is #3e5c76 in RGB, HSL and CMYK?
In RGB, #3e5c76 is rgb(62, 92, 118), in HSL hsl(208, 31%, 35%) and in CMYK 47%, 22%, 0%, 54%.
What makes #3e5c76 a good choice for professional design?
This color offers a grounded, serious aesthetic that avoids the intensity of standard navy, making it ideal for corporate interfaces. It provides a stable, professional backdrop that maintains high legibility when paired with clean, white typography.
Is #3e5c76 suitable for a full-screen background?
While versatile, #3e5c76 can feel heavy or muddy when applied to massive screen areas. It works best as an accent or for structured UI elements, such as sidebar navigation or data visualization headers, rather than a primary landing page canvas.
Is #3e5c76 readable on white or black?
#3e5c76 has a 7.00:1 contrast ratio on white and 2.99: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.