Jade (4FB980) — Shades, Harmonies, Palettes, CSS Code

"Jade"

Green · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Jade pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #4FB980

RGB rgb(79, 185, 128)

HSL hsl(148°, 43%, 52%)

CMYK C:57% M:0% Y:31% K:27%

Luminance 0.385

WCAG Accessibility

On white 2.45:1

Aa — #4FB980

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.58:1

Aa — #4FB980

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#4FB980 #B95088

Analogous

#53B950 #4FB980 #50B9B6

Triadic

#4FB980 #8150B9 #B98150

Split-comp.

#4FB980 #B650B9 #B95053

Tetradic

#4FB980 #5053B9 #B95088 #B9B650

Monochromatic

#15291E #376D50 #5CAD82 #7EBE9C #B1D8C3

Suggested palettes for this hue.

Purple UI View all →

Northern Lights View all →

Gradient Sunset View all →