Teal (066D52) — Shades, Harmonies, Palettes, CSS Code

"Teal"

Cyan · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Teal pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #066D52

RGB rgb(6, 109, 82)

HSL hsl(164°, 90%, 23%)

CMYK C:94% M:0% Y:25% K:57%

Luminance 0.1163

WCAG Accessibility

On white 6.33:1

Aa — #066D52

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.32:1

Aa — #066D52

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#066D52 #6F0622

Analogous

#066F1E #066D52 #06576F

Triadic

#066D52 #53066F #6F5306

Split-comp.

#066D52 #6F0657 #6F1E06

Tetradic

#066D52 #1E066F #6F0622 #576F06

Monochromatic

#55ECC4 #16C597 #0C6A51 #073C2E #000000

Suggested palettes for this hue.

Pastel Spring View all →

Northern Lights View all →

Retro 70s View all →