#9CC9B6 Hex Color

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

Hex color #9cc9b6 graphic
#9cc9b6 is a pale, dusty teal with significant cool undertones. Because of its desaturated, muted quality, this shade works best as a supporting background rather than a main focal point. It provides enough contrast for black text, making it highly readable for UI layouts. Pair this hex code with rich, dark charcoals or deep plums to ground its airy, pastel character.

Questions about #9cc9b6

What is #9cc9b6 in RGB, HSL and CMYK?
In RGB, #9cc9b6 is rgb(156, 201, 182), in HSL hsl(155, 29%, 70%) and in CMYK 22%, 0%, 9%, 21%.
Why does #9cc9b6 work well in user interfaces?
This shade offers a balanced, desaturated tone that prevents eye strain while maintaining enough contrast against black text for high readability. It serves as an excellent neutral background, allowing content elements to stand out without competing with the overall interface structure.
What colors pair well with #9cc9b6?
Because of its cool, dusty nature, #9cc9b6 looks best when grounded by darker, richer tones that anchor the design. Pair this hex color with charcoal for a professional look or use plum accents to bring out its subtle, airy depth.
Is #9cc9b6 readable on white or black?
#9cc9b6 has a 1.83:1 contrast ratio on white and 11.44: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.