Jade (2D756B) — 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 #2D756B

RGB rgb(45, 117, 107)

HSL hsl(172°, 44%, 32%)

CMYK C:62% M:0% Y:9% K:54%

Luminance 0.1442

WCAG Accessibility

On white 5.43:1

Aa — #2D756B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.87:1

Aa — #2D756B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2D756B #762E37

Analogous

#2E7648 #2D756B #2E5B76

Triadic

#2D756B #6C2E76 #766C2E

Split-comp.

#2D756B #762E5B #76482E

Tetradic

#2D756B #482E76 #762E37 #5B762E

Monochromatic

#9FD0C9 #5BAEA3 #366D66 #254B46 #0C1816

Suggested palettes for this hue.

Danger Red View all →

Dragonfruit View all →

Volcano View all →