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

RGB rgb(0, 166, 153)

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

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

Luminance 0.3016

WCAG Accessibility

On white 3.04:1

Aa — #00A699

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.91:1

Aa — #00A699

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#00A699 #A8000E

Analogous

#00A846 #00A699 #0062A8

Triadic

#00A699 #9A00A8 #A89A00

Split-comp.

#00A699 #A80062 #A84600

Tetradic

#00A699 #4600A8 #A8000E #62A800

Monochromatic

#7CF8EE #1BF3E1 #08A093 #066F67 #022724

Suggested palettes for this hue.

Purple Mystery View all →

Amber Warning View all →

Red Passion View all →