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

RGB rgb(18, 136, 128)

HSL hsl(176°, 77%, 30%)

CMYK C:87% M:0% Y:6% K:47%

Luminance 0.1959

WCAG Accessibility

On white 4.32:1

Aa — #128880

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.86:1

Aa — #128880

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#128880 #871219

Analogous

#128745 #128880 #125487

Triadic

#128880 #801287 #878012

Split-comp.

#128880 #871254 #874512

Tetradic

#128880 #451287 #871219 #548712

Monochromatic

#7FE6DF #2AD5CA #198079 #115551 #041514

Suggested palettes for this hue.

Velvet & Silk View all →

Retro 70s View all →

Neon 90s View all →