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

RGB rgb(10, 155, 112)

HSL hsl(162°, 88%, 32%)

CMYK C:94% M:0% Y:28% K:39%

Luminance 0.2512

WCAG Accessibility

On white 3.54:1

Aa — #0A9B70

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.94:1

Aa — #0A9B70

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0A9B70 #990A35

Analogous

#0A9927 #0A9B70 #0A7D99

Triadic

#0A9B70 #6E0A99 #996E0A

Split-comp.

#0A9B70 #990A7D #99270A

Tetradic

#0A9B70 #270A99 #990A35 #7D990A

Monochromatic

#80EFCE #25E4AB #12916B #0C644A #042017

Suggested palettes for this hue.

Pop Matisse View all →

Grey Minimal View all →

Memphis Design View all →