#34455A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted blue with gray undertones, #34455a feels serious and controlled without becoming harsh. Its low saturation works well in finance, security, and technology interfaces, especially as a dark-mode background. Pair it with warm white or restrained burgundy. White text reaches about 9.8:1 contrast, supporting readable body copy under WCAG AA. The hex code is #34455a.
Questions about #34455a
What is #34455a in RGB, HSL and CMYK?
In RGB, #34455a is rgb(52, 69, 90), in HSL hsl(213, 27%, 28%) and in CMYK 42%, 23%, 0%, 65%.
What colors pair well with #34455a?
Warm white creates clean contrast with #34455a, while burgundy adds restrained warmth and terracotta introduces more energy without overwhelming its muted blue-gray character, making these combinations useful for editorial layouts, dashboards, and polished product interfaces.
Does #34455a read as warm or cool?
#34455a reads as a cool, muted blue because its blue base and gray undertones suppress warmth; the low saturation keeps it controlled and professional rather than overly vivid or harsh.
Where does #34455a work well in a design?
Use #34455a for dark-mode backgrounds, navigation bars, finance dashboards, security products, and technology interfaces where a stable blue-gray supports hierarchy without the severity of pure black while preserving readable light text.
Is #34455a readable on white or black?
#34455a has a 9.79:1 contrast ratio on white and 2.14: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.