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

RGB rgb(4, 159, 105)

HSL hsl(159°, 95%, 32%)

CMYK C:97% M:0% Y:34% K:38%

Luminance 0.2633

WCAG Accessibility

On white 3.4:1

Aa — #049F69

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.17:1

Aa — #049F69

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#049F69 #9F043A

Analogous

#049F1B #049F69 #04889F

Triadic

#049F69 #69049F #9F6904

Split-comp.

#049F69 #9F0488 #9F1B04

Tetradic

#049F69 #1B049F #9F043A #889F04

Monochromatic

#7BF4CA #1DEDA4 #0C9766 #086846 #032116

Suggested palettes for this hue.

Golden Autumn View all →

Volcano View all →

Purple UI View all →