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

RGB rgb(5, 78, 60)

HSL hsl(165°, 88%, 16%)

CMYK C:94% M:0% Y:23% K:69%

Luminance 0.0558

WCAG Accessibility

On white 9.72:1

Aa — #054E3C

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.16:1

Aa — #054E3C

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#054E3C #4D0517

Analogous

#054D17 #054E3C #053B4D

Triadic

#054E3C #3B054D #4D3B05

Split-comp.

#054E3C #4D053B #4D1705

Tetradic

#054E3C #17054D #4D0517 #3B4D05

Monochromatic

#37E6BB #14A380 #094939 #031B15 #000000

Suggested palettes for this hue.

Orange Energy View all →

Sand Desert View all →

Memphis Design View all →