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

RGB rgb(64, 102, 97)

HSL hsl(172°, 23%, 33%)

CMYK C:37% M:0% Y:5% K:60%

Luminance 0.114

WCAG Accessibility

On white 6.38:1

Aa — #406661

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.29:1

Aa — #406661

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#406661 #684146

Analogous

#41684F #406661 #415968

Triadic

#406661 #624168 #686241

Split-comp.

#406661 #684159 #684F41

Tetradic

#406661 #4F4168 #684146 #596841

Monochromatic

#B1C3C1 #789793 #495F5C #334240 #121716

Suggested palettes for this hue.

Dark UI View all →

Pop Art View all →

Northern Lights View all →