#5C5A58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusky, neutral grey carries a grounded, serious weight. Because #5c5a58 is quite dark, it functions best as a sophisticated background for high-contrast typography or bold, colorful accents. White text maintains excellent readability at 6.9:1, making it a functional choice for interface design. When used as a full-page background, the hex code #5c5a58 creates a moody atmosphere that avoids the harshness of pure black.
Questions about #5c5a58
What is #5c5a58 in RGB, HSL and CMYK?
In RGB, #5c5a58 is rgb(92, 90, 88), in HSL hsl(30, 2%, 35%) and in CMYK 0%, 2%, 4%, 64%.
How does #5c5a58 perform in UI design compared to pure black?
#5c5a58 serves as an excellent, softer alternative to pure black because it reduces eye strain while maintaining high readability for white text. It creates a grounded, professional atmosphere that feels less harsh and more refined on modern screens.
Which color palettes pair naturally with #5c5a58?
#5c5a58 works beautifully when paired with warm, desaturated tones like dusty rose or soft olive for a balanced, earthy aesthetic. For a more corporate look, lean on high-contrast whites and crisp silver accents to maintain clarity.
Is #5c5a58 readable on white or black?
#5c5a58 has a 6.86:1 contrast ratio on white and 3.05: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.