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

RGB rgb(87, 112, 51)

HSL hsl(85°, 37%, 32%)

CMYK C:22% M:0% Y:54% K:56%

Luminance 0.1391

WCAG Accessibility

On white 5.57:1

Aa — #577033

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.77:1

Aa — #577033

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#577033 #4D3370

Analogous

#706B33 #577033 #387033

Triadic

#577033 #335770 #703357

Split-comp.

#577033 #333870 #6B3370

Tetradic

#577033 #33706B #4D3370 #703338

Monochromatic

#BBCBA4 #8AA664 #55683C #3B4729 #13170D

Suggested palettes for this hue.

Sahara View all →

Purple UI View all →

Arctic Tundra View all →