#7AAE96 Hex Color

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

Select a Color

This dusty, desaturated teal leans into a cool, ashy aesthetic that feels modern and restrained. Because of its low chroma, #7aae96 works well as a supporting background tone for wellness or tech interfaces. It provides enough contrast for black text to remain legible, avoiding the washed-out look of lighter pastels. Pair it with charcoal or deep navy for a sophisticated, grounded palette.

Questions about #7aae96

What is #7aae96 in RGB, HSL and CMYK?

In RGB, #7aae96 is rgb(122, 174, 150), in HSL hsl(152, 24%, 58%) and in CMYK 30%, 0%, 14%, 32%.

What colors pair well with #7aae96 for a balanced palette?

#7aae96 works beautifully when anchored by deep, neutral tones that ground its desaturated nature. You will find it creates a sophisticated contrast when paired with charcoal or deep navy for text, while soft creams and off-whites keep the interface feeling airy.

Is #7aae96 readable on white or black?

#7aae96 has a 2.52:1 contrast ratio on white and 8.32: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.

#7AAE96 Hex Color

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

Questions about #7aae96

Color tools

Resources