#525452 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, dark grey offers a serious and professional foundation for minimal interfaces. Because it sits at a neutral saturation, #525452 works best as a supporting background rather than a main feature. It provides strong legibility for white typography with a high contrast ratio. Pair this hex code with soft pastel accents to prevent designs from feeling too gloomy or flat.
Questions about #525452
What is #525452 in RGB, HSL and CMYK?
In RGB, #525452 is rgb(82, 84, 82), in HSL hsl(120, 1%, 33%) and in CMYK 2%, 0%, 2%, 67%. Browse more shades of gray with names and hex codes.
How can I effectively use #525452 in web design?
#525452 acts best as a supporting background element rather than a focal point because of its neutral saturation. Use it to provide strong readability for white typography, ensuring your layout remains professional and grounded without feeling overly dark or gloomy.
What colors pair best with #525452?
This dark grey pairs beautifully with soft pastel accents or muted tones to prevent your design from appearing flat. Try balancing it with soft sage or dusty rose to add depth while maintaining the clean, serious aesthetic that this base color provides.
Is #525452 readable on white or black?
#525452 has a 7.63:1 contrast ratio on white and 2.74: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.