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

RGB rgb(4, 136, 106)

HSL hsl(166°, 94%, 27%)

CMYK C:97% M:0% Y:22% K:47%

Luminance 0.1899

WCAG Accessibility

On white 4.44:1

Aa — #04886A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.73:1

Aa — #04886A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#04886A #860422

Analogous

#048627 #04886A #046386

Triadic

#04886A #670486 #866704

Split-comp.

#04886A #860463 #862704

Tetradic

#04886A #270486 #860422 #638604

Monochromatic

#64F2D1 #13DDAE #0B7F64 #07503F #010907

Suggested palettes for this hue.

Sunset View all →

Golden Autumn View all →

Electric Vibes View all →