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

RGB rgb(84, 131, 100)

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

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

Luminance 0.1929

WCAG Accessibility

On white 4.37:1

Aa — #548364

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.81:1

Aa — #548364

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#548364 #835473

Analogous

#5B8354 #548364 #54837B

Triadic

#548364 #635483 #836354

Split-comp.

#548364 #7B5483 #83545B

Tetradic

#548364 #545B83 #835473 #837B54

Monochromatic

#CCD7CF #92AA9A #5E7867 #485B4E #26312A

Suggested palettes for this hue.

Arctic Tundra View all →

Pearl Zen View all →

Chocolate View all →