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

RGB rgb(7, 105, 96)

HSL hsl(174°, 87%, 22%)

CMYK C:93% M:0% Y:9% K:59%

Luminance 0.11

WCAG Accessibility

On white 6.57:1

Aa — #076960

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.2:1

Aa — #076960

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#076960 #690711

Analogous

#07692E #076960 #074269

Triadic

#076960 #5F0769 #695F07

Split-comp.

#076960 #690742 #692E07

Tetradic

#076960 #2E0769 #690711 #426907

Monochromatic

#53E9DA #19BEAD #0D635B #073631 #000000

Suggested palettes for this hue.

Electric Vibes View all →

Velvet & Silk View all →

Amber Warning View all →