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

RGB rgb(0, 193, 146)

HSL hsl(165°, 100%, 38%)

CMYK C:100% M:0% Y:24% K:24%

Luminance 0.4087

WCAG Accessibility

On white 2.32:1

Aa — #00C192

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.04:1

Aa — #00C192

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#00C192 #C20030

Analogous

#00C230 #00C192 #0091C2

Triadic

#00C192 #9100C2 #C29100

Split-comp.

#00C192 #C20091 #C23000

Tetradic

#00C192 #3000C2 #C20030 #91C200

Monochromatic

#94F9E0 #34F4C4 #0AB88D #078868 #033F30

Suggested palettes for this hue.

Chocolate View all →

Matcha Tea View all →

French Riviera View all →