Teal (109791) — Shades, Harmonies, Palettes, CSS Code

"Teal"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Teal pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #109791

RGB rgb(16, 151, 145)

HSL hsl(177°, 81%, 33%)

CMYK C:89% M:0% Y:4% K:41%

Luminance 0.2472

WCAG Accessibility

On white 3.59:1

Aa — #109791

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.86:1

Aa — #109791

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#109791 #981017

Analogous

#10984D #109791 #105B98

Triadic

#109791 #911098 #989110

Split-comp.

#109791 #98105B #984D10

Tetradic

#109791 #4D1098 #981017 #5B9810

Monochromatic

#89EBE6 #32DCD4 #18908A #116460 #062321

Suggested palettes for this hue.

Autumn Forest View all →

Matcha View all →

Santorini View all →