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

RGB rgb(90, 123, 90)

HSL hsl(120°, 15%, 42%)

CMYK C:27% M:0% Y:27% K:52%

Luminance 0.1726

WCAG Accessibility

On white 4.76:1

Aa — #5A7B5A

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.42:1

Aa — #5A7B5A

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5A7B5A #7B5B7B

Analogous

#6B7B5B #5A7B5A #5B7B6B

Triadic

#5A7B5A #5B5B7B #7B5B5B

Split-comp.

#5A7B5A #6B5B7B #7B5B6B

Tetradic

#5A7B5A #5B6B7B #7B5B7B #7B6B5B

Monochromatic

#CFD3CF #99A399 #667066 #4E564E #292E29

Suggested palettes for this hue.

Pastel Spring View all →

Gold & Black View all →

Marrakech View all →