Jade (648D66) — 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 #648D66

RGB rgb(100, 141, 102)

HSL hsl(123°, 17%, 47%)

CMYK C:29% M:0% Y:28% K:45%

Luminance 0.231

WCAG Accessibility

On white 3.79:1

Aa — #648D66

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.54:1

Aa — #648D66

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#648D66 #8C638A

Analogous

#768C63 #648D66 #638C7A

Triadic

#648D66 #66638C #8C6663

Split-comp.

#648D66 #7A638C #8C6376

Tetradic

#648D66 #63768C #8C638A #8C7A63

Monochromatic

#DCE0DC #A5B1A6 #6F8070 #586558 #343C35

Suggested palettes for this hue.

Northern Lights View all →

Volcano View all →

Concrete Steel View all →