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

RGB rgb(84, 131, 96)

HSL hsl(135°, 22%, 42%)

CMYK C:36% M:0% Y:27% K:49%

Luminance 0.1921

WCAG Accessibility

On white 4.38:1

Aa — #548360

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.79:1

Aa — #548360

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#548360 #835477

Analogous

#5F8354 #548360 #548377

Triadic

#548360 #5F5483 #835F54

Split-comp.

#548360 #775483 #83545F

Tetradic

#548360 #545F83 #835477 #837754

Monochromatic

#CCD7CE #92AA98 #5E7865 #485B4D #263129

Suggested palettes for this hue.

Mediterranean View all →

Dragonfruit View all →

Orange Energy View all →