#1E4E63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue feels serious and reserved. It lacks the punch of a primary navy, making it a reliable choice for corporate or tech-focused branding that needs to convey professional stability. Because #1e4e63 is quite dark, it works best as a full-page background, especially when paired with white text for maximum readability. Its muted character keeps designs grounded without appearing overwhelming.
Questions about #1e4e63
What is #1e4e63 in RGB, HSL and CMYK?
In RGB, #1e4e63 is rgb(30, 78, 99), in HSL hsl(198, 53%, 25%) and in CMYK 70%, 21%, 0%, 61%. Browse more shades of blue with names and hex codes.
Where does #1e4e63 work best in design?
Use #1e4e63 as a grounding base color for corporate websites or tech platforms that require a serious, stable aesthetic. Because it is quite dark, it functions effectively as a full-page background, providing excellent contrast when paired with crisp white text for high readability.
What colors pair well with #1e4e63?
This desaturated blue pairs beautifully with warm neutrals to balance its cool, reserved temperature. Try using it alongside a soft cream for a sophisticated look or a sharp slate gray to emphasize its professional and clean character.
Is #1e4e63 readable on white or black?
#1e4e63 has a 9.03:1 contrast ratio on white and 2.32: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.