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

RGB rgb(0, 48, 48)

HSL hsl(180°, 100%, 9%)

CMYK C:100% M:0% Y:0% K:81%

Luminance 0.02

WCAG Accessibility

On white 14.33:1

Aa — #003030

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.47:1

Aa — #003030

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#003030 #2E0000

Analogous

#002E17 #003030 #00172E

Triadic

#003030 #2E002E #2E2E00

Split-comp.

#003030 #2E0017 #2E1700

Tetradic

#003030 #17002E #2E0000 #172E00

Monochromatic

#0CEDED #078D8D #022C2C #000000 #000000

Suggested palettes for this hue.

Purple UI View all →

Gradient Sunset View all →

Berries View all →