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

RGB rgb(54, 163, 112)

HSL hsl(152°, 50%, 43%)

CMYK C:67% M:0% Y:31% K:36%

Luminance 0.286

WCAG Accessibility

On white 3.17:1

Aa — #36A370

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.63:1

Aa — #36A370

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#36A370 #A4376A

Analogous

#37A43A #36A370 #37A1A4

Triadic

#36A370 #7137A4 #A47137

Split-comp.

#36A370 #A437A1 #A43A37

Tetradic

#36A370 #3A37A4 #A4376A #A1A437

Monochromatic

#C2E5D5 #7BC6A3 #429A71 #327656 #1C402F

Suggested palettes for this hue.

Dragonfruit View all →

White Marble View all →

Provence Lavender View all →