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

RGB rgb(85, 109, 99)

HSL hsl(155°, 12%, 38%)

CMYK C:22% M:0% Y:9% K:57%

Luminance 0.1382

WCAG Accessibility

On white 5.59:1

Aa — #556D63

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.75:1

Aa — #556D63

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#556D63 #6D555F

Analogous

#556D57 #556D63 #556B6D

Triadic

#556D63 #63556D #6D6355

Split-comp.

#556D63 #6D556B #6D5755

Tetradic

#556D63 #57556D #6D555F #6B6D55

Monochromatic

#C6C8C7 #929694 #5F6361 #464948 #202221

Suggested palettes for this hue.

Coral Sea View all →

Amazon View all →

Santorini View all →