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

RGB rgb(0, 54, 35)

HSL hsl(159°, 100%, 11%)

CMYK C:100% M:0% Y:35% K:79%

Luminance 0.0244

WCAG Accessibility

On white 13.53:1

Aa — #003623

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.55:1

Aa — #003623

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#003623 #380014

Analogous

#003808 #003623 #003038

Triadic

#003623 #240038 #382400

Split-comp.

#003623 #380030 #380800

Tetradic

#003623 #080038 #380014 #303800

Monochromatic

#12F3A4 #089664 #033524 #000503 #000000

Suggested palettes for this hue.

Icy Winter View all →

Gradient Sunset View all →

Electric Vibes View all →