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

RGB rgb(0, 119, 120)

HSL hsl(181°, 100%, 24%)

CMYK C:100% M:1% Y:0% K:53%

Luminance 0.1475

WCAG Accessibility

On white 5.37:1

Aa — #007778

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.91:1

Aa — #007778

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#007778 #7A0200

Analogous

#007A3F #007778 #003B7A

Triadic

#007778 #7A0078 #787A00

Split-comp.

#007778 #7A003B #7A3F00

Tetradic

#007778 #3F007A #7A0200 #3B7A00

Monochromatic

#51F3F6 #0BD2D5 #067274 #044344 #000000

Suggested palettes for this hue.

Matcha Tea View all →

Pastel 80s View all →

Coral Sea View all →