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

RGB rgb(6, 157, 122)

HSL hsl(166°, 93%, 32%)

CMYK C:96% M:0% Y:22% K:38%

Luminance 0.2604

WCAG Accessibility

On white 3.44:1

Aa — #069D7A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.11:1

Aa — #069D7A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#069D7A #9D0629

Analogous

#069D2E #069D7A #06759D

Triadic

#069D7A #7A069D #9D7A06

Split-comp.

#069D7A #9D0675 #9D2E06

Tetradic

#069D7A #2E069D #9D0629 #759D06

Monochromatic

#7CF3D7 #1FEABB #0E9576 #0A6751 #03211A

Suggested palettes for this hue.

Volcano View all →

Deep Ocean View all →

Purple Mystery View all →