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

RGB rgb(6, 130, 85)

HSL hsl(158°, 91%, 27%)

CMYK C:95% M:0% Y:35% K:49%

Luminance 0.1689

WCAG Accessibility

On white 4.85:1

Aa — #068255

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.33:1

Aa — #068255

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#068255 #840634

Analogous

#068417 #068255 #067384

Triadic

#068255 #560684 #845606

Split-comp.

#068255 #840673 #841706

Tetradic

#068255 #170684 #840634 #738406

Monochromatic

#67EFBD #17D992 #0D7D54 #084E35 #010906

Suggested palettes for this hue.

Deep Ocean View all →

Night Velvet View all →

Sunset View all →