Meadow (87B242) — 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 #87B242

RGB rgb(135, 178, 66)

HSL hsl(83°, 46%, 48%)

CMYK C:24% M:0% Y:63% K:30%

Luminance 0.3805

WCAG Accessibility

On white 2.48:1

Aa — #87B242

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.48:1

Aa — #87B242

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#87B242 #6D42B3

Analogous

#B3A642 #87B242 #4FB342

Triadic

#87B242 #4288B3 #B34288

Split-comp.

#87B242 #424FB3 #A642B3

Tetradic

#87B242 #42B3A6 #6D42B3 #B3424F

Monochromatic

#E3EBD5 #B4CB90 #85A64E #69843E #405026

Suggested palettes for this hue.

Matcha Tea View all →

Nordic View all →

Gradient Sunset View all →