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

RGB rgb(18, 132, 120)

HSL hsl(174°, 76%, 29%)

CMYK C:86% M:0% Y:9% K:48%

Luminance 0.1824

WCAG Accessibility

On white 4.57:1

Aa — #128478

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.6:1

Aa — #128478

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#128478 #82121D

Analogous

#12823F #128478 #125582

Triadic

#128478 #771282 #827712

Split-comp.

#128478 #821255 #823F12

Tetradic

#128478 #3F1282 #82121D #558212

Monochromatic

#7CE4DA #2ACFBF #197B71 #10504A #031110

Suggested palettes for this hue.

Green Meadow View all →

Pop Matisse View all →

Neon 90s View all →