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

RGB rgb(61, 102, 77)

HSL hsl(143°, 25%, 32%)

CMYK C:40% M:0% Y:25% K:60%

Luminance 0.1096

WCAG Accessibility

On white 6.55:1

Aa — #3D664D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.21:1

Aa — #3D664D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3D664D #663D56

Analogous

#42663D #3D664D #3D6661

Triadic

#3D664D #4D3D66 #664D3D

Split-comp.

#3D664D #613D66 #663D42

Tetradic

#3D664D #3D4266 #663D56 #66613D

Monochromatic

#ADC2B5 #729780 #455E4F #304136 #0F1511

Suggested palettes for this hue.

Northern Lights View all →

Pop Matisse View all →

Neon 90s View all →