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

RGB rgb(87, 127, 116)

HSL hsl(163°, 19%, 42%)

CMYK C:31% M:0% Y:9% K:50%

Luminance 0.187

WCAG Accessibility

On white 4.47:1

Aa — #577F74

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.69:1

Aa — #577F74

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#577F74 #7F5762

Analogous

#577F60 #577F74 #57777F

Triadic

#577F74 #74577F #7F7457

Split-comp.

#577F74 #7F5777 #7F6057

Tetradic

#577F74 #60577F #7F5762 #777F57

Monochromatic

#CDD5D3 #95A7A2 #61756F #4A5955 #272F2D

Suggested palettes for this hue.

Santorini View all →

Tech Blue View all →

Chocolate View all →