#575756 Hex Color
Grounded and utilitarian dark ashy grey
This dark, ashy grey feels grounded and utilitarian. It functions best as a supporting tone in moody interfaces rather than a dominant background, where it can easily appear flat or muddy. Because it maintains strong contrast with white text, #575756 is a reliable choice for technical typography or fine UI details. The hex code for this neutral shade is #575756.
Questions about #575756
What is #575756 in RGB, HSL and CMYK?
In RGB, #575756 is rgb(87, 87, 86), in HSL hsl(60, 1%, 34%) and in CMYK 0%, 0%, 1%, 66%.
How does #575756 perform in UI design?
#575756 acts as a stable foundation for technical interfaces because it maintains strong contrast against white backgrounds. It works effectively for body text or subtle UI borders where you need a professional, non-distracting neutral tone that feels grounded.
What colors pair well with #575756?
This ashy grey complements crisp whites for high-legibility text and pairs beautifully with cool blue or muted teal accents for a modern, technical aesthetic. It also creates a sophisticated, balanced palette when combined with soft ivory or warm cream shades.
Is #575756 readable on white or black?
#575756 has a 7.23:1 contrast ratio on white and 2.90: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.