Jade (477C73) — Shades, Harmonies, Palettes, CSS Code

"Jade"

Green · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #477C73

RGB rgb(71, 124, 115)

HSL hsl(170°, 27%, 38%)

CMYK C:43% M:0% Y:7% K:51%

Luminance 0.1717

WCAG Accessibility

On white 4.77:1

Aa — #477C73

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.4:1

Aa — #477C73

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#477C73 #7B474F

Analogous

#477B58 #477C73 #476A7B

Triadic

#477C73 #72477B #7B7247

Split-comp.

#477C73 #7B476A #7B5847

Tetradic

#477C73 #58477B #7B474F #6A7B47

Monochromatic

#BDD0CD #82A6A0 #50716C #3B544F #1C2725

Suggested palettes for this hue.

Coral Sea View all →

Marrakech View all →

Pastel Spring View all →