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

RGB rgb(6, 153, 130)

HSL hsl(171°, 92%, 31%)

CMYK C:96% M:0% Y:15% K:40%

Luminance 0.2489

WCAG Accessibility

On white 3.57:1

Aa — #069982

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.89:1

Aa — #069982

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#069982 #98061C

Analogous

#069839 #069982 #066598

Triadic

#069982 #820698 #988206

Split-comp.

#069982 #980665 #983906

Tetradic

#069982 #390698 #98061C #659806

Monochromatic

#78F2DF #1CE9CA #0E907C #0A6154 #031C18

Suggested palettes for this hue.

Dark UI View all →

Cherry Blossom View all →

Vintage Sepia View all →