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

RGB rgb(5, 126, 93)

HSL hsl(164°, 92%, 26%)

CMYK C:96% M:0% Y:26% K:51%

Luminance 0.1595

WCAG Accessibility

On white 5.06:1

Aa — #057E5D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.15:1

Aa — #057E5D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#057E5D #7F0526

Analogous

#057F22 #057E5D #05637F

Triadic

#057E5D #5F057F #7F5F05

Split-comp.

#057E5D #7F0563 #7F2205

Tetradic

#057E5D #22057F #7F0526 #637F05

Monochromatic

#61EFC9 #15D5A2 #0C795C #074A38 #000504

Suggested palettes for this hue.

Velvet & Silk View all →

Pastel 80s View all →

Moss & Stone View all →