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

RGB rgb(13, 173, 159)

HSL hsl(175°, 86%, 36%)

CMYK C:92% M:0% Y:8% K:32%

Luminance 0.3305

WCAG Accessibility

On white 2.8:1

Aa — #0DAD9F

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.5:1

Aa — #0DAD9F

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#0DAD9F #AB0D1A

Analogous

#0DAB4F #0DAD9F #0D69AB

Triadic

#0DAD9F #9E0DAB #AB9E0D

Split-comp.

#0DAD9F #AB0D69 #AB4F0D

Tetradic

#0DAD9F #4F0DAB #AB0D1A #69AB0D

Monochromatic

#93F0E9 #3AE4D6 #16A296 #10756C #07312E

Suggested palettes for this hue.

Santorini View all →

Electric Vibes View all →

Chocolate View all →