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

RGB rgb(3, 85, 75)

HSL hsl(173°, 93%, 17%)

CMYK C:96% M:0% Y:12% K:67%

Luminance 0.0687

WCAG Accessibility

On white 8.73:1

Aa — #03554B

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.4:1

Aa — #03554B

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#03554B #54030C

Analogous

#035422 #03554B #033554

Triadic

#03554B #4A0354 #544A03

Split-comp.

#03554B #540335 #542203

Tetradic

#03554B #220354 #54030C #355403

Monochromatic

#36ECD7 #10AD9A #074F47 #03211D #000000

Suggested palettes for this hue.

Purple Mystery View all →

Arctic Tundra View all →

Dragonfruit View all →