Meadow (86BC7D) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #86BC7D

RGB rgb(134, 188, 125)

HSL hsl(111°, 32%, 61%)

CMYK C:29% M:0% Y:34% K:26%

Luminance 0.4324

WCAG Accessibility

On white 2.21:1

Aa — #86BC7D

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.5:1

Aa — #86BC7D

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#86BC7D #B27CBB

Analogous

#A5BB7C #86BC7D #7CBB92

Triadic

#86BC7D #7C85BB #BB7C85

Split-comp.

#86BC7D #927CBB #BB7CA5

Tetradic

#86BC7D #7CA5BB #B27CBB #BB927C

Monochromatic

#2D412A #588052 #8CB186 #AAC5A5 #D6E3D3

Suggested palettes for this hue.

Neon 90s View all →

Purple UI View all →

Amber Warning View all →