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

RGB rgb(86, 129, 86)

HSL hsl(120°, 20%, 42%)

CMYK C:33% M:0% Y:33% K:49%

Luminance 0.1858

WCAG Accessibility

On white 4.5:1

Aa — #568156

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.67:1

Aa — #568156

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#568156 #815681

Analogous

#6B8156 #568156 #56816B

Triadic

#568156 #565681 #815656

Split-comp.

#568156 #6B5681 #81566B

Tetradic

#568156 #566B81 #815681 #816B56

Monochromatic

#CDD6CD #94A894 #607660 #495A49 #273027

Suggested palettes for this hue.

Tokyo Neon View all →

Arctic Tundra View all →

Retro 70s View all →