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

RGB rgb(86, 161, 54)

HSL hsl(102°, 50%, 42%)

CMYK C:47% M:0% Y:66% K:37%

Luminance 0.2819

WCAG Accessibility

On white 3.21:1

Aa — #56A136

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.55:1

Aa — #56A136

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#56A136 #8136A1

Analogous

#8BA136 #56A136 #36A14B

Triadic

#56A136 #3656A1 #A13656

Split-comp.

#56A136 #4B36A1 #A1368B

Tetradic

#56A136 #368BA1 #8136A1 #A14B36

Monochromatic

#CAE3BF #8FC577 #5A9640 #457231 #243D1A

Suggested palettes for this hue.

Sahara View all →

Chocolate View all →

Gradient Sunset View all →