Jade (40645E) — Shades, Harmonies, Palettes, CSS Code

"Jade"

Green · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Jade pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #40645E

RGB rgb(64, 100, 94)

HSL hsl(170°, 22%, 32%)

CMYK C:36% M:0% Y:6% K:61%

Luminance 0.1094

WCAG Accessibility

On white 6.56:1

Aa — #40645E

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.2:1

Aa — #40645E

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#40645E #644046

Analogous

#40644C #40645E #405864

Triadic

#40645E #5E4064 #645E40

Split-comp.

#40645E #644058 #644C40

Tetradic

#40645E #4C4064 #644046 #586440

Monochromatic

#AFC0BD #76938E #485B58 #313F3D #101413

Suggested palettes for this hue.

Volcano View all →

Sahara View all →

Gold & Black View all →