#434452 Hex Color

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

Hex color #434452 graphic
#434452 is an ashy, muted indigo with significant gray undertones. This dark hue functions best as a sophisticated, moody background for UI designs. Because it offers a 9.6:1 contrast ratio against white text, it remains highly legible for body content. When learning how to make gray, designers often use this specific hex code to anchor darker palettes without relying on pure black.

Questions about #434452

What is #434452 in RGB, HSL and CMYK?
In RGB, #434452 is rgb(67, 68, 82), in HSL hsl(236, 10%, 29%) and in CMYK 18%, 17%, 0%, 68%.
Where should I use #434452 in a UI design?
This color excels as a sophisticated, moody background or a primary text shade for interfaces that prioritize readability. Because it provides a strong 9.6:1 contrast ratio against white, it serves as a highly accessible, readable alternative to using harsh pure black.
What colors pair well with #434452?
For a balanced palette, pair #434452 with soft cream or off-white tones to maintain that professional, muted aesthetic. To add visual interest, it works surprisingly well alongside subtle hints of mustard or muted gold for a refined, high-contrast accent.
Is #434452 readable on white or black?
#434452 has a 9.60:1 contrast ratio on white and 2.18: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.