#525961 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty slate feels grounded and serious. With low saturation, #525961 serves as an excellent base for professional tech or finance interfaces. It offers enough contrast to handle white body text clearly. Pair it with soft cream or pale yellow to brighten the gloomy, ash-toned surface. Because it sits between grey and blue, it functions better as a secondary background color than a high-impact accent.
Questions about #525961
What is #525961 in RGB, HSL and CMYK?
In RGB, #525961 is rgb(82, 89, 97), in HSL hsl(212, 8%, 35%) and in CMYK 15%, 8%, 0%, 62%. Browse more shades of gray with names and hex codes.
How should I use #525961 in a UI design?
#525961 acts best as a secondary background or surface color rather than a primary accent because of its low saturation. It provides a stable, muted foundation that keeps white text highly readable while feeling more professional than standard grey.
Which colors pair well with #525961?
Brighten the ash-toned surface of #525961 by pairing it with soft creams or pale yellows for a balanced, sophisticated contrast. These warmer, lighter tones cut through the gloomy nature of the slate, making your interface feel more inviting.
Is #525961 readable on white or black?
#525961 has a 7.09:1 contrast ratio on white and 2.96: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.