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

RGB rgb(6, 100, 102)

HSL hsl(181°, 89%, 21%)

CMYK C:94% M:2% Y:0% K:60%

Luminance 0.1009

WCAG Accessibility

On white 6.95:1

Aa — #066466

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.02:1

Aa — #066466

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#066466 #650706

Analogous

#066537 #066466 #063465

Triadic

#066466 #650664 #646506

Split-comp.

#066466 #650634 #653706

Tetradic

#066466 #370665 #650706 #346506

Monochromatic

#4DE7EA #16B8BB #0B5E60 #063132 #000000

Suggested palettes for this hue.

Rose Gold View all →

Grey Minimal View all →

Northern Lights View all →