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

RGB rgb(9, 154, 130)

HSL hsl(170°, 89%, 32%)

CMYK C:94% M:0% Y:16% K:40%

Luminance 0.2524

WCAG Accessibility

On white 3.53:1

Aa — #099A82

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.96:1

Aa — #099A82

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#099A82 #9A0921

Analogous

#099A39 #099A82 #096A9A

Triadic

#099A82 #82099A #9A8209

Split-comp.

#099A82 #9A096A #9A3909

Tetradic

#099A82 #39099A #9A0921 #6A9A09

Monochromatic

#7FF0DD #24E5C5 #11927D #0C6456 #04201B

Suggested palettes for this hue.

Retro 70s View all →

Pastel 80s View all →

Neon 90s View all →