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

RGB rgb(0, 160, 117)

HSL hsl(164°, 100%, 31%)

CMYK C:100% M:0% Y:27% K:37%

Luminance 0.2695

WCAG Accessibility

On white 3.34:1

Aa — #00A075

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.29:1

Aa — #00A075

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#00A075 #9E002A

Analogous

#009E25 #00A075 #00799E

Triadic

#00A075 #74009E #9E7400

Split-comp.

#00A075 #9E0079 #9E2500

Tetradic

#00A075 #25009E #9E002A #799E00

Monochromatic

#72F8D4 #12F3B7 #089670 #05664C #021D16

Suggested palettes for this hue.

Neon 90s View all →

Provence Lavender View all →

Vintage Sepia View all →