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

RGB rgb(3, 153, 118)

HSL hsl(166°, 96%, 31%)

CMYK C:98% M:0% Y:23% K:40%

Luminance 0.2457

WCAG Accessibility

On white 3.61:1

Aa — #039976

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.82:1

Aa — #039976

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#039976 #9B0327

Analogous

#039B2C #039976 #03729B

Triadic

#039976 #78039B #9B7803

Split-comp.

#039976 #9B0372 #9B2C03

Tetradic

#039976 #2C039B #9B0327 #729B03

Monochromatic

#75F5D7 #17EEBB #0B9373 #07644E #021C16

Suggested palettes for this hue.

Memphis Design View all →

Cherry Blossom View all →

Icy Winter View all →