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

RGB rgb(19, 144, 132)

HSL hsl(174°, 77%, 32%)

CMYK C:87% M:0% Y:8% K:44%

Luminance 0.2211

WCAG Accessibility

On white 3.93:1

Aa — #139084

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.35:1

Aa — #139084

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#139084 #90131F

Analogous

#139045 #139084 #135E90

Triadic

#139084 #841390 #908413

Split-comp.

#139084 #90135E #904513

Tetradic

#139084 #451390 #90131F #5E9013

Monochromatic

#88E7DE #33D7C6 #1B887D #135E56 #061E1B

Suggested palettes for this hue.

Santorini View all →

Cherry Blossom View all →

Golden Autumn View all →