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

RGB rgb(90, 186, 126)

HSL hsl(143°, 41%, 54%)

CMYK C:52% M:0% Y:32% K:27%

Luminance 0.3941

WCAG Accessibility

On white 2.4:1

Aa — #5ABA7E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.76:1

Aa — #5ABA7E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5ABA7E #BA5A95

Analogous

#65BA5A #5ABA7E #5ABAAF

Triadic

#5ABA7E #7E5ABA #BA7E5A

Split-comp.

#5ABA7E #AF5ABA #BA5A65

Tetradic

#5ABA7E #5A65BA #BA5A95 #BAAF5A

Monochromatic

#192F21 #3C7250 #65AE81 #87C09D #B9DAC6

Suggested palettes for this hue.

Mediterranean View all →

Amber Warning View all →

Matcha Tea View all →