#505760 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted slate blue carries a serious and grounded tone. Because #505760 is quite desaturated, it works best as a neutral background rather than a main accent. It pairs unexpectedly well with soft peach or coral for high-contrast, modern UI designs. While white text remains perfectly legible against this hex code, avoid using it in large, flat blocks to prevent the overall interface from looking muddy.
Questions about #505760
What is #505760 in RGB, HSL and CMYK?
In RGB, #505760 is rgb(80, 87, 96), in HSL hsl(214, 9%, 35%) and in CMYK 17%, 9%, 0%, 62%. Browse more shades of gray with names and hex codes.
What colors pair best with #505760?
#505760 works best when balanced against warm, vibrant accents to break up its serious, industrial feel. Try pairing it with a soft peach or a muted terracotta to create high-contrast, modern UI designs that feel intentional and balanced.
Is #505760 suitable for text on a white background?
While #505760 is dark enough to read on white, it can feel a bit muddy or low-contrast if used for body text. It is much more effective as a background color or for large, bold elements where legibility is less critical.
Is #505760 readable on white or black?
#505760 has a 7.30:1 contrast ratio on white and 2.87: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.