#949C9D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #949c9d graphic
This muted, ashy grey acts as a reliable foundation for professional UI design. Because #949c9d is highly legible with black text, it serves well as a structural background that remains understated. While it avoids drawing attention, be careful pairing it with other cool-toned greys, as it can quickly look flat or washed out. Use the hex code #949c9d when you need a neutral, stable anchor for your interface.

Questions about #949c9d

What is #949c9d in RGB, HSL and CMYK?
In RGB, #949c9d is rgb(148, 156, 157), in HSL hsl(187, 4%, 60%) and in CMYK 6%, 1%, 0%, 38%.
Is #949c9d better for text or backgrounds?
#949c9d is best utilized as a neutral structural background rather than for body text. Its mid-range lightness makes it difficult to achieve WCAG-compliant contrast ratios against white, so pairing it with dark, high-contrast typography is essential for readability.
What colors pair well with #949c9d?
Because #949c9d is a desaturated grey, it harmonizes best with bold, high-contrast accents like navy or charcoal. You can also add subtle warmth by introducing soft, muted earth tones if the design requires more depth without losing its professional, understated character.
Is #949c9d readable on white or black?
#949c9d has a 2.79:1 contrast ratio on white and 7.50:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.