Teal (109377) — 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 #109377

RGB rgb(16, 147, 119)

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

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

Luminance 0.2269

WCAG Accessibility

On white 3.84:1

Aa — #109377

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.46:1

Aa — #109377

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#109377 #93102D

Analogous

#109335 #109377 #106E93

Triadic

#109377 #771093 #937710

Split-comp.

#109377 #93106E #933510

Tetradic

#109377 #351093 #93102D #6E9310

Monochromatic

#86EAD4 #2FDAB5 #188B72 #115F4E #051E19

Suggested palettes for this hue.

Tropical Jungle View all →

Tokyo Neon View all →

Danger Red View all →