Vivid Emerald (23C47B) — 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 #23C47B

RGB rgb(35, 196, 123)

HSL hsl(153°, 70%, 45%)

CMYK C:82% M:0% Y:37% K:23%

Luminance 0.4181

WCAG Accessibility

On white 2.27:1

Aa — #23C47B

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.25:1

Aa — #23C47B

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#23C47B #C3226B

Analogous

#22C32A #23C47B #22BBC3

Triadic

#23C47B #7B22C3 #C37B22

Split-comp.

#23C47B #C322BB #C32A22

Tetradic

#23C47B #2A22C3 #C3226B #BBC322

Monochromatic

#C2F0DB #70DBAB #2EB87A #248F5F #145236

Suggested palettes for this hue.

Tropical Jungle View all →

Matcha Tea View all →

Vintage Sepia View all →