#949494 Hex Color
A balanced and reliable neutral grey
As a standard, mid-tone grey, #949494 provides a reliable neutral base for complex interfaces and minimal design. Because it sits comfortably in the middle of the value scale, black text remains highly legible against it. This hex code works best as a supporting tone, as it can appear flat when used for large, solid backgrounds. Pair it with soft muted blues or deep charcoal for professional results.
Questions about #949494
What is #949494 in RGB, HSL and CMYK?
In RGB, #949494 is rgb(148, 148, 148), in HSL hsl(0, 0%, 58%) and in CMYK 0%, 0%, 0%, 42%.
How should I use #949494 in UI design?
#949494 serves best as a supporting tone or secondary background, ensuring main content remains highly legible. It sits in the middle of the value scale, making it an excellent choice for borders, inactive buttons, or muted text elements that require structure without visual dominance.
What colors pair well with #949494?
This grey acts as a bridge between high-contrast elements, pairing effectively with deep charcoal for a professional monochromatic look. To add life, use it alongside soft muted blues or sage greens, which prevent the neutral interface from feeling too industrial or cold.
Is #949494 readable on white or black?
#949494 has a 3.03:1 contrast ratio on white and 6.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.