Jade (489A77) — 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 #489A77

RGB rgb(72, 154, 119)

HSL hsl(154°, 36%, 44%)

CMYK C:53% M:0% Y:23% K:40%

Luminance 0.2625

WCAG Accessibility

On white 3.41:1

Aa — #489A77

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.16:1

Aa — #489A77

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#489A77 #99486B

Analogous

#48994D #489A77 #489399

Triadic

#489A77 #764899 #997648

Split-comp.

#489A77 #994893 #994D48

Tetradic

#489A77 #4D4899 #99486B #939948

Monochromatic

#CCE1D8 #8BBBA6 #538D74 #406D5A #243D32

Suggested palettes for this hue.

Electric Vibes View all →

Santorini View all →

Gold & Black View all →