#949CA2 Hex Color

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

Hex color #949ca2 graphic
A muted, dusty blue that leans heavily into grey, #949ca2 offers a steady, professional presence. It works best as a neutral background for corporate interfaces or technical dashboards. Pair it with crisp white or deep charcoal to maintain its understated character. Because black text provides excellent contrast against this shade, it remains highly legible for small body text. The hex code is #949ca2.

Questions about #949ca2

What is #949ca2 in RGB, HSL and CMYK?
In RGB, #949ca2 is rgb(148, 156, 162), in HSL hsl(206, 7%, 61%) and in CMYK 9%, 4%, 0%, 36%.
Where should I use #949ca2 in a UI design?
#949ca2 works best as a background color for technical interfaces or secondary containers where you need to avoid visual clutter. Its muted, grey-blue character provides high readability for black text, making it a reliable choice for long-form data displays.
What colors pair well with #949ca2?
Pair #949ca2 with crisp white to maintain a clean aesthetic, or use charcoal for high-contrast, professional typography. If you want a subtle accent, a soft sage green complements its cool undertones without introducing too much visual noise.
Is #949ca2 readable on white or black?
#949ca2 has a 2.78:1 contrast ratio on white and 7.53: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.