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

RGB rgb(5, 132, 87)

HSL hsl(159°, 93%, 27%)

CMYK C:96% M:0% Y:34% K:48%

Luminance 0.1748

WCAG Accessibility

On white 4.72:1

Aa — #058457

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.44:1

Aa — #058457

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#058457 #850532

Analogous

#058518 #058457 #057285

Triadic

#058457 #580585 #855805

Split-comp.

#058457 #850572 #851805

Tetradic

#058457 #180585 #850532 #728505

Monochromatic

#65F1C0 #14DB96 #0C7E56 #074F36 #010906

Suggested palettes for this hue.

Pastel 80s View all →

Red Passion View all →

Icy Winter View all →