Jade (5B7866) — Shades, Harmonies, Palettes, CSS Code

"Jade"

Green · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

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

Values

HEX #5B7866

RGB rgb(91, 120, 102)

HSL hsl(143°, 14%, 41%)

CMYK C:24% M:0% Y:15% K:53%

Luminance 0.1679

WCAG Accessibility

On white 4.86:1

Aa — #5B7866

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.32:1

Aa — #5B7866

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5B7866 #775A6C

Analogous

#5D775A #5B7866 #5A7774

Triadic

#5B7866 #655A77 #77655A

Split-comp.

#5B7866 #745A77 #775A5D

Tetradic

#5B7866 #5A5D77 #775A6C #77745A

Monochromatic

#CDD0CE #98A09B #646D68 #4C524E #272A28

Suggested palettes for this hue.

Green Meadow View all →

Tropical Fruits View all →

Pop Art View all →