#5B5C54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, ashy olive functions as a grounded neutral with strong grey undertones. Because it sits in a dim, dusty range, #5b5c54 works well as a supporting background tone for moody branding. Pair it with crisp white text for excellent legibility, as it provides a solid 6.8:1 contrast ratio. It is a reliable choice for serious, understated UI designs that require depth without being overpowering.
Questions about #5b5c54
What is #5b5c54 in RGB, HSL and CMYK?
In RGB, #5b5c54 is rgb(91, 92, 84), in HSL hsl(67, 5%, 35%) and in CMYK 1%, 0%, 9%, 64%. Browse more shades of gray with names and hex codes.
How can I effectively use #5b5c54 in a web layout?
This ashy olive acts best as a sophisticated background tone that grounds your design without overpowering it. Because it maintains a high contrast ratio of 6.8:1 against white text, it ensures your content remains perfectly readable while providing a modern, understated aesthetic.
What colors complement #5b5c54 for a balanced palette?
Is #5b5c54 readable on white or black?
#5b5c54 has a 6.76:1 contrast ratio on white and 3.10: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.