#314A4C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty cyan acts as a moody base for tech interfaces or corporate branding. With its heavy grey undertone, #314a4c feels grounded rather than bright. Because white text maintains a high contrast ratio of 9.5:1 against this hex code, it functions well as a background for clean, readable typography. Pair it with soft cream or muted mustard to keep the palette from feeling too cold.
Questions about #314a4c
What is #314a4c in RGB, HSL and CMYK?
In RGB, #314a4c is rgb(49, 74, 76), in HSL hsl(184, 22%, 25%) and in CMYK 36%, 3%, 0%, 70%.
What colors pair well with #314a4c for a balanced palette?
This color anchors best when paired with soft creams or warm, muted mustards to prevent the scheme from feeling too cold or clinical. These earthy, lighter tones provide a necessary balance against the heavy, grey-leaning nature of the dark cyan base.
Why is #314a4c a strong choice for UI backgrounds?
The deep saturation of this hex color allows white text to maintain an excellent contrast ratio of 9.5:1, significantly improving legibility and accessibility. Designers favor this shade for corporate interfaces where a grounded, professional atmosphere is required without sacrificing readability.
Is #314a4c readable on white or black?
#314a4c has a 9.48:1 contrast ratio on white and 2.21: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.