Jade (357F76) — 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 #357F76

RGB rgb(53, 127, 118)

HSL hsl(173°, 41%, 35%)

CMYK C:58% M:0% Y:7% K:50%

Luminance 0.1743

WCAG Accessibility

On white 4.72:1

Aa — #357F76

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.45:1

Aa — #357F76

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#357F76 #7E353D

Analogous

#357E51 #357F76 #35627E

Triadic

#357F76 #75357E #7E7535

Split-comp.

#357F76 #7E3562 #7E5135

Tetradic

#357F76 #51357E #7E353D #627E35

Monochromatic

#ABD3CE #69B0A8 #3E756E #2C544F #122120

Suggested palettes for this hue.

Deep Ocean View all →

Chocolate View all →

Pastel 80s View all →