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

RGB rgb(155, 182, 138)

HSL hsl(97°, 23%, 63%)

CMYK C:15% M:0% Y:24% K:29%

Luminance 0.4304

WCAG Accessibility

On white 2.22:1

Aa — #9BB68A

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.45:1

Aa — #9BB68A

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#9BB68A #A68BB6

Analogous

#B1B68B #9BB68A #8BB690

Triadic

#9BB68A #8B9CB6 #B68B9C

Split-comp.

#9BB68A #908BB6 #B68BB1

Tetradic

#9BB68A #8BB1B6 #A68BB6 #B6908B

Monochromatic

#394233 #6A7C5F #9EAD94 #B8C3B1 #DFE4DC

Suggested palettes for this hue.

Purple UI View all →

Gradient Sunset View all →

Provence Lavender View all →