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

RGB rgb(49, 114, 77)

HSL hsl(146°, 40%, 32%)

CMYK C:57% M:0% Y:32% K:55%

Luminance 0.1325

WCAG Accessibility

On white 5.76:1

Aa — #31724D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.64:1

Aa — #31724D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#31724D #723156

Analogous

#357231 #31724D #31726E

Triadic

#31724D #4D3172 #724D31

Split-comp.

#31724D #6E3172 #723135

Tetradic

#31724D #313572 #723156 #726E31

Monochromatic

#A2CDB5 #60A980 #396A4E #274936 #0C1711

Suggested palettes for this hue.

Concrete Steel View all →

Sahara View all →

Chocolate View all →