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

RGB rgb(1, 165, 151)

HSL hsl(175°, 99%, 33%)

CMYK C:99% M:0% Y:8% K:35%

Luminance 0.2973

WCAG Accessibility

On white 3.07:1

Aa — #01A597

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.83:1

Aa — #01A597

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#01A597 #A7010F

Analogous

#01A746 #01A597 #0162A7

Triadic

#01A597 #9A01A7 #A79A01

Split-comp.

#01A597 #A70162 #A74601

Tetradic

#01A597 #4601A7 #A7010F #62A701

Monochromatic

#7DF7ED #1CF2E0 #099F93 #066F66 #022724

Suggested palettes for this hue.

Sand Desert View all →

Memphis Design View all →

Matcha View all →