#3A4552 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3a4552 graphic
#3a4552 is a muted, desaturated blue with a distinct ashy undertone. This dim shade works well as a grounding background or a professional secondary color for UI and dark mode interfaces. Because it offers strong contrast with white text, it maintains readability in dense layouts. The hex code for this serious, understated color is #3a4552. It pairs well with soft creams or warm greys to cut the gloom.

Questions about #3a4552

What is #3a4552 in RGB, HSL and CMYK?
In RGB, #3a4552 is rgb(58, 69, 82), in HSL hsl(213, 17%, 27%) and in CMYK 29%, 16%, 0%, 68%.
Does #3a4552 appear warmer or cooler?
This color sits on the cooler side of the spectrum, though its desaturation gives it a neutral, stony quality. Because of its ashy character, it avoids the artificial brightness found in pure blues and feels much more grounded and industrial.
What colors pair best with #3a4552?
You can successfully balance the intensity of #3a4552 by pairing it with cream or soft, off-white tones to add warmth. For a more corporate or high-contrast palette, try combining it with crisp charcoal or light grey accents to keep the design readable.
Is #3a4552 readable on white or black?
#3a4552 has a 9.75:1 contrast ratio on white and 2.15: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.