#5D6B73 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted blue-gray with ashy undertones, #5d6b73 feels controlled, dependable, and understated. The hex code #5d6b73 works well as a supporting tone for finance, technology, healthcare, and government interfaces. Use white text for clear contrast, including small body copy, and pair it with warm ivory or restrained copper for definition.
Questions about #5d6b73
What is #5d6b73 in RGB, HSL and CMYK?
In RGB, #5d6b73 is rgb(93, 107, 115), in HSL hsl(202, 11%, 41%) and in CMYK 19%, 7%, 0%, 55%.
What colors pair well with #5d6b73?
Does #5d6b73 read as warm or cool?
#5d6b73 reads as a cool blue-gray because its blue component exceeds its red and green values, though its muted saturation keeps the effect restrained rather than icy or stark in most interfaces.
Where can #5d6b73 work well in a UI?
#5d6b73 works well for navigation bars, panels, borders, and supporting text in finance, technology, healthcare, and government interfaces because it feels stable without demanding attention, helping keep primary content in focus.
Is #5d6b73 readable on white or black?
#5d6b73 has a 5.50:1 contrast ratio on white and 3.81: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.