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

RGB rgb(2, 81, 70)

HSL hsl(172°, 95%, 16%)

CMYK C:98% M:0% Y:14% K:68%

Luminance 0.0616

WCAG Accessibility

On white 9.26:1

Aa — #025146

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.27:1

Aa — #025146

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#025146 #50020C

Analogous

#02501E #025146 #023350

Triadic

#025146 #450250 #504502

Split-comp.

#025146 #500233 #501E02

Tetradic

#025146 #1E0250 #50020C #335002

Monochromatic

#2FEED5 #0EAA95 #064B42 #021C19 #000000

Suggested palettes for this hue.

Red Passion View all →

French Riviera View all →

Autumn Forest View all →