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

RGB rgb(80, 134, 81)

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

CMYK C:40% M:0% Y:40% K:47%

Luminance 0.196

WCAG Accessibility

On white 4.31:1

Aa — #508651

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.87:1

Aa — #508651

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#508651 #865085

Analogous

#6A8650 #508651 #50866C

Triadic

#508651 #515086 #865150

Split-comp.

#508651 #6C5086 #86506A

Tetradic

#508651 #506A86 #865085 #866C50

Monochromatic

#CAD8CA #90AD90 #5B7B5C #455E46 #253225

Suggested palettes for this hue.

Dark UI View all →

Memphis Design View all →

Sahara View all →