#314A54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty cyan functions as an understated neutral for modern interfaces. Its muted, ashy quality avoids the harshness of pure black while maintaining serious depth. Pair #314a54 with clean white text to ensure maximum readability, as it offers excellent contrast for body copy. This hex code works best as a moody background or a grounding element in professional tech palettes.
Questions about #314a54
What is #314a54 in RGB, HSL and CMYK?
In RGB, #314a54 is rgb(49, 74, 84), in HSL hsl(197, 26%, 26%) and in CMYK 42%, 12%, 0%, 67%.
What colors pair well with #314a54 in a professional UI palette?
#314a54 functions best alongside high-contrast neutrals like off-white or soft creams, which maximize its depth without looking aggressive. For accent colors, it works surprisingly well with subtle mustard or muted terracotta tones to balance its cool, ashy undertones.
Is #314a54 suitable for body text on websites?
#314a54 is generally too dark and desaturated to serve as the primary color for large blocks of body copy unless paired with a very light, high-contrast background. It is much more effective as a background color, sidebar, or header element in modern interfaces.
Is #314a54 readable on white or black?
#314a54 has a 9.38:1 contrast ratio on white and 2.23: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.