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

RGB rgb(49, 165, 119)

HSL hsl(156°, 54%, 42%)

CMYK C:70% M:0% Y:28% K:35%

Luminance 0.2936

WCAG Accessibility

On white 3.1:1

Aa — #31A577

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.78:1

Aa — #31A577

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#31A577 #A53160

Analogous

#31A53D #31A577 #3199A5

Triadic

#31A577 #7731A5 #A57731

Split-comp.

#31A577 #A53199 #A53D31

Tetradic

#31A577 #3D31A5 #A53160 #99A531

Monochromatic

#BDE5D5 #73C9A7 #3C9A75 #2E7659 #183E2F

Suggested palettes for this hue.

Marrakech View all →

Vintage Sepia View all →

Amber Warning View all →