Jade (488E49) — 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 #488E49

RGB rgb(72, 142, 73)

HSL hsl(121°, 33%, 42%)

CMYK C:49% M:0% Y:49% K:44%

Luminance 0.215

WCAG Accessibility

On white 4.01:1

Aa — #488E49

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.24:1

Aa — #488E49

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#488E49 #8E488D

Analogous

#6A8E48 #488E49 #488E6C

Triadic

#488E49 #49488E #8E4948

Split-comp.

#488E49 #6C488E #8E486A

Tetradic

#488E49 #486A8E #8E488D #8E6C48

Monochromatic

#C7DCC7 #88B489 #528453 #3F643F #213522

Suggested palettes for this hue.

Concrete Steel View all →

Dark UI View all →

Electric Vibes View all →