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

RGB rgb(9, 166, 161)

HSL hsl(178°, 90%, 34%)

CMYK C:95% M:0% Y:3% K:35%

Luminance 0.3045

WCAG Accessibility

On white 3.01:1

Aa — #09A6A1

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.98:1

Aa — #09A6A1

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#09A6A1 #A5090E

Analogous

#09A551 #09A6A1 #095CA5

Triadic

#09A6A1 #A009A5 #A5A009

Split-comp.

#09A6A1 #A5095C #A55109

Tetradic

#09A6A1 #5109A5 #A5090E #5CA509

Monochromatic

#88F2EE #2CE8E1 #119C97 #0C6E6B #052928

Suggested palettes for this hue.

White Marble View all →

Sahara View all →

Matcha Tea View all →