#31454A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
More grey than blue, #31454a is a dark cyan with ashy, inky undertones. Its low saturation keeps it matte and muted, which suits moody UI backgrounds and dark mode layouts. White text reads clearly on it at about 10.1:1 contrast, so body copy passes WCAG AA with room to spare. Pair it with warm coral accents to keep the palette from going flat.
Questions about #31454a
What is #31454a in RGB, HSL and CMYK?
In RGB, #31454a is rgb(49, 69, 74), in HSL hsl(192, 20%, 24%) and in CMYK 34%, 7%, 0%, 71%.
What colors pair well with #31454a?
Warm accents like coral and terracotta lift #31454a out of its gloom, while pale sand keeps it calm. Avoid other muted blues nearby or the palette turns muddy.
Is #31454a good for text backgrounds?
Yes. White text on #31454a reaches about 10.1:1 contrast, well past the WCAG AA minimum of 4.5:1, so small body text stays readable in dark interfaces.
Is #31454a readable on white or black?
#31454a has a 10.09:1 contrast ratio on white and 2.08: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.