Teal (0C796F) — Shades, Harmonies, Palettes, CSS Code

"Teal"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Teal pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #0C796F

RGB rgb(12, 121, 111)

HSL hsl(174°, 82%, 26%)

CMYK C:90% M:0% Y:8% K:53%

Luminance 0.1506

WCAG Accessibility

On white 5.28:1

Aa — #0C796F

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.98:1

Aa — #0C796F

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0C796F #790C17

Analogous

#0C7937 #0C796F #0C4D79

Triadic

#0C796F #6E0C79 #796E0C

Split-comp.

#0C796F #790C4D #79370C

Tetradic

#0C796F #370C79 #790C17 #4D790C

Monochromatic

#6AE7DA #21CAB9 #137268 #0B4640 #010404

Suggested palettes for this hue.

Neon 90s View all →

French Riviera View all →

Sahara View all →