Vivid Emerald (11D989) — Shades, Harmonies, Palettes, CSS Code

"Vivid Emerald"

Green · Spring

🧠 Psychology

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

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

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

Values

HEX #11D989

RGB rgb(17, 217, 137)

HSL hsl(156°, 85%, 46%)

CMYK C:92% M:0% Y:37% K:15%

Luminance 0.5204

WCAG Accessibility

On white 1.86:1

Aa — #11D989

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.31:1

Aa — #11D989

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#11D989 #D91261

Analogous

#12D926 #11D989 #12C5D9

Triadic

#11D989 #8912D9 #D98912

Split-comp.

#11D989 #D912C5 #D92612

Tetradic

#11D989 #2612D9 #D91261 #C5D912

Monochromatic

#C1F6E1 #67E9B5 #1DCD87 #17A16A #0D5E3E

Suggested palettes for this hue.

Sahara View all →

Sand Desert View all →

Pop Art View all →