#5C5C5C Hex Color
A balanced neutral for clean design
#5c5c5c is a utilitarian, medium-dark grey with a balanced, neutral character. It lacks strong undertones, making it a reliable choice for UI backgrounds or typography where you need to reduce visual noise. White text offers excellent 6.7:1 contrast against this shade, ensuring readability. Use this hex code as a secondary supporting tone rather than a dominant primary color to avoid a flat or muddy look.
Questions about #5c5c5c
What is #5c5c5c in RGB, HSL and CMYK?
In RGB, #5c5c5c is rgb(92, 92, 92), in HSL hsl(0, 0%, 36%) and in CMYK 0%, 0%, 0%, 64%.
How does #5c5c5c perform for UI typography?
#5c5c5c provides a highly readable and professional alternative to pure black on white backgrounds. It reduces visual harshness while maintaining sufficient contrast, making it perfect for body text or secondary UI elements that require clear visibility.
What colors pair well with #5c5c5c?
Because #5c5c5c is a true neutral, it acts as a flexible anchor for almost any palette. It works exceptionally well when contrasted against white for a crisp look, or when supporting vibrant accent colors like emerald or terracotta.
Is #5c5c5c readable on white or black?
#5c5c5c has a 6.68:1 contrast ratio on white and 3.14: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.