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

RGB rgb(10, 120, 88)

HSL hsl(163°, 85%, 25%)

CMYK C:92% M:0% Y:27% K:53%

Luminance 0.1433

WCAG Accessibility

On white 5.47:1

Aa — #0A7858

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.84:1

Aa — #0A7858

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0A7858 #760A28

Analogous

#0A7621 #0A7858 #0A5E76

Triadic

#0A7858 #570A76 #76570A

Split-comp.

#0A7858 #760A5E #76210A

Tetradic

#0A7858 #210A76 #760A28 #5E760A

Monochromatic

#63E9C3 #1DC998 #107054 #0A4333 #000000

Suggested palettes for this hue.

Sahara View all →

Nordic View all →

Pastel Spring View all →