#5F5D60 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #5f5d60 is a dark, low-saturation gray with a slight violet undertone. Its dim, ashy character suits serious interfaces, moody typography, and restrained product or architectural designs. Use it as a supporting tone or dark UI background. White text reaches about 6.5:1 contrast on it, meeting WCAG AA for body text.
Questions about #5f5d60
What is #5f5d60 in RGB, HSL and CMYK?
In RGB, #5f5d60 is rgb(95, 93, 96), in HSL hsl(280, 2%, 37%) and in CMYK 1%, 3%, 0%, 62%.
What colors pair well with #5f5d60?
Muted neutrals and cool blue-gray accents pair well with #5f5d60, preserving its restrained mood while adding gentle contrast; warmer accents such as terracotta can make the palette feel less cool.
Does #5f5d60 read as warm or cool?
#5f5d60 reads as a cool, neutral-leaning gray because its low saturation is tempered by a slight violet undertone. It can still feel balanced beside warm neutrals, especially when used in text, borders, or large background areas.
Is #5f5d60 readable on white or black?
#5f5d60 has a 6.51:1 contrast ratio on white and 3.22: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.