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

RGB rgb(5, 145, 120)

HSL hsl(169°, 93%, 29%)

CMYK C:97% M:0% Y:17% K:43%

Luminance 0.2203

WCAG Accessibility

On white 3.94:1

Aa — #059178

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.33:1

Aa — #059178

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#059178 #8F051E

Analogous

#058F31 #059178 #05638F

Triadic

#059178 #76058F #8F7605

Split-comp.

#059178 #8F0563 #8F3105

Tetradic

#059178 #31058F #8F051E #638F05

Monochromatic

#6EF2DA #15E5BF #0D8771 #08594A #021310

Suggested palettes for this hue.

Amber Warning View all →

Sahara View all →

Pastel Spring View all →