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

RGB rgb(0, 150, 136)

HSL hsl(174°, 100%, 29%)

CMYK C:100% M:0% Y:9% K:41%

Luminance 0.2407

WCAG Accessibility

On white 3.67:1

Aa — #009688

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.72:1

Aa — #009688

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#009688 #94000F

Analogous

#00943B #009688 #005994

Triadic

#009688 #850094 #948500

Split-comp.

#009688 #940059 #943B00

Tetradic

#009688 #3B0094 #94000F #599400

Monochromatic

#69F7E9 #0CEDD7 #078D7F #055C53 #011312

Suggested palettes for this hue.

Concrete Steel View all →

Orange Energy View all →

Coral Sea View all →