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

"Teal"

Cyan · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

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

Values

HEX #109374

RGB rgb(16, 147, 116)

HSL hsl(166°, 80%, 32%)

CMYK C:89% M:0% Y:21% K:42%

Luminance 0.2261

WCAG Accessibility

On white 3.85:1

Aa — #109374

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.45:1

Aa — #109374

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#109374 #93102F

Analogous

#109333 #109374 #107093

Triadic

#109374 #741093 #937410

Split-comp.

#109374 #931070 #933310

Tetradic

#109374 #331093 #93102F #709310

Monochromatic

#86EAD2 #2FDAB2 #188B70 #115F4D #051E19

Suggested palettes for this hue.

Sand Desert View all →

Matcha View all →

Amber Warning View all →