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

RGB rgb(3, 161, 150)

HSL hsl(176°, 96%, 32%)

CMYK C:98% M:0% Y:7% K:37%

Luminance 0.2825

WCAG Accessibility

On white 3.21:1

Aa — #03A196

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.54:1

Aa — #03A196

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#03A196 #A0030E

Analogous

#03A047 #03A196 #035CA0

Triadic

#03A196 #9503A0 #A09503

Split-comp.

#03A196 #A0035C #A04703

Tetradic

#03A196 #4703A0 #A0030E #5CA003

Monochromatic

#7AF5ED #1BEEE0 #0B988E #086862 #02211F

Suggested palettes for this hue.

Leather & Wood View all →

Coffee & Cream View all →

Sand Desert View all →