#314887 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty navy blue feels grounded and professional, carrying an understated, serious character. Because of its desaturated, matte quality, #314887 functions best as a dominant base color for corporate or tech interfaces. It provides enough contrast to make white text legible, though it shines brightest when paired with soft cream or warm gray accents to break up its cool temperature. The hex code is #314887.
Questions about #314887
What is #314887 in RGB, HSL and CMYK?
In RGB, #314887 is rgb(49, 72, 135), in HSL hsl(224, 47%, 36%) and in CMYK 64%, 47%, 0%, 47%.
What colors pair well with #314887?
This dusty navy shines brightest when paired with cream or warm gray accents, which help break up its cool temperature. Using lighter, neutral shades prevents the color from feeling too heavy while maintaining its clean, professional interface aesthetic.
How does #314887 perform as a UI background color?
The desaturated, matte quality of #314887 makes it an excellent choice for corporate or tech interfaces as a dominant base color. It provides sufficient contrast for white text, ensuring that important information remains readable without overwhelming the user or causing visual fatigue.
Is #314887 readable on white or black?
#314887 has a 8.72:1 contrast ratio on white and 2.40: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.