Meadow (54EA12) — Shades, Harmonies, Palettes, CSS Code

"Meadow"

Green · Spring

🧠 Psychology

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

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

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

Values

HEX #54EA12

RGB rgb(84, 234, 18)

HSL hsl(102°, 86%, 49%)

CMYK C:64% M:0% Y:92% K:8%

Luminance 0.6107

WCAG Accessibility

On white 1.6:1

Aa — #54EA12

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.15:1

Aa — #54EA12

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#54EA12 #A811E8

Analogous

#BDE811 #54EA12 #11E83C

Triadic

#54EA12 #1152E8 #E81152

Split-comp.

#54EA12 #3C11E8 #E811BD

Tetradic

#54EA12 #11BDE8 #A811E8 #E83C11

Monochromatic

#DAF8CE #98EC74 #57DC1E #45AF18 #2B6C0F

Suggested palettes for this hue.

Green Meadow View all →

Northern Lights View all →

Red Passion View all →