#3E5186 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue carries a heavy, serious mood perfect for professional UI backgrounds or security-focused branding. Because of its dark, muted tone, it works best as a base color that lets white text pop clearly. The hex code for this color is #3e5186. Avoid using it for fine details or small icons, where the dull saturation might look murky against busy layouts.
Questions about #3e5186
What is #3e5186 in RGB, HSL and CMYK?
In RGB, #3e5186 is rgb(62, 81, 134), in HSL hsl(224, 37%, 38%) and in CMYK 54%, 40%, 0%, 47%.
Where does #3e5186 work best in web design?
#3e5186 functions most effectively as a primary background for professional interfaces or security-focused applications where a sense of stability is required. Because it is desaturated and dark, it provides high contrast for white typography, though it should be avoided for fine details.
How should I use #3e5186 in a color palette?
Pair #3e5186 with crisp off-whites or light grays to ground your design without overwhelming the viewer. To add warmth, consider introducing subtle terracotta accents, as the contrast helps balance the heavy, cool nature of this muted blue shade.
Is #3e5186 readable on white or black?
#3e5186 has a 7.70:1 contrast ratio on white and 2.72: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.