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

RGB rgb(84, 131, 106)

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

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

Luminance 0.1942

WCAG Accessibility

On white 4.35:1

Aa — #54836A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.83:1

Aa — #54836A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#54836A #83546D

Analogous

#558354 #54836A #548381

Triadic

#54836A #6A5483 #836A54

Split-comp.

#54836A #815483 #835455

Tetradic

#54836A #545583 #83546D #838154

Monochromatic

#CCD7D1 #92AA9D #5E786A #485B51 #26312B

Suggested palettes for this hue.

Matcha View all →

Cherry Blossom View all →

Concrete Steel View all →