#96E9E1 Hex Color

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

Hex color #96e9e1 graphic
This crisp, light teal has high luminosity and a slightly desaturated quality that feels clean rather than harsh. Because it maintains excellent contrast ratios with black text, #96e9e1 works effectively as a large UI background or primary interface element. It pairs well with charcoal grays or deep navies to anchor its brightness. Avoid using it alongside stark white, as the lack of contrast can make it appear washed out.

Questions about #96e9e1

What is #96e9e1 in RGB, HSL and CMYK?
In RGB, #96e9e1 is rgb(150, 233, 225), in HSL hsl(174, 65%, 75%) and in CMYK 36%, 0%, 3%, 9%.
What colors pair best with #96e9e1 in a UI design?
#96e9e1 works best when paired with deep, neutral tones like charcoal or navy to anchor its high luminosity. These darker colors provide the necessary visual contrast, ensuring the light teal does not look washed out or invisible on the screen.
Should #96e9e1 be used with white text?
Avoid using #96e9e1 with white text because the lack of contrast makes content nearly unreadable. This shade has high brightness, so it requires dark, high-contrast text colors to maintain accessibility and ensure your interface remains functional for all users.
Is #96e9e1 readable on white or black?
#96e9e1 has a 1.39:1 contrast ratio on white and 15.03: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.