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

RGB rgb(0, 71, 61)

HSL hsl(172°, 100%, 14%)

CMYK C:100% M:0% Y:14% K:72%

Luminance 0.046

WCAG Accessibility

On white 10.67:1

Aa — #00473D

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.97:1

Aa — #00473D

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#00473D #47000A

Analogous

#00471A #00473D #002D47

Triadic

#00473D #3E0047 #473E00

Split-comp.

#00473D #47002D #471A00

Tetradic

#00473D #1A0047 #47000A #2D4700

Monochromatic

#20F3D7 #09A590 #04443B #011311 #000000

Suggested palettes for this hue.

Grey Minimal View all →

Pearl Zen View all →

Berries View all →