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

RGB rgb(37, 126, 86)

HSL hsl(153°, 55%, 32%)

CMYK C:71% M:0% Y:32% K:51%

Luminance 0.1613

WCAG Accessibility

On white 5:1

Aa — #257E56

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.2:1

Aa — #257E56

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#257E56 #7E254D

Analogous

#257E29 #257E56 #257A7E

Triadic

#257E56 #56257E #7E5625

Split-comp.

#257E56 #7E257A #7E2925

Tetradic

#257E56 #29257E #7E254D #7A7E25

Monochromatic

#97D8BB #4EBC8A #2D7655 #1F513B #0A1A13

Suggested palettes for this hue.

Volcano View all →

Sunset View all →

Coffee & Cream View all →