Meadow (57982A) — 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 #57982A

RGB rgb(87, 152, 42)

HSL hsl(95°, 57%, 38%)

CMYK C:43% M:0% Y:72% K:40%

Luminance 0.2505

WCAG Accessibility

On white 3.54:1

Aa — #57982A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.93:1

Aa — #57982A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#57982A #6A2A98

Analogous

#8F982A #57982A #2A9833

Triadic

#57982A #2A5898 #982A58

Split-comp.

#57982A #332A98 #982A8F

Tetradic

#57982A #2A8F98 #6A2A98 #98332A

Monochromatic

#C3E1AD #8CC662 #598E33 #426926 #1F3112

Suggested palettes for this hue.

White Marble View all →

Matcha View all →

Purple UI View all →