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

RGB rgb(46, 118, 108)

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

CMYK C:61% M:0% Y:8% K:54%

Luminance 0.1471

WCAG Accessibility

On white 5.35:1

Aa — #2E766C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.92:1

Aa — #2E766C

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2E766C #762E37

Analogous

#2E7648 #2E766C #2E5B76

Triadic

#2E766C #6C2E76 #766C2E

Split-comp.

#2E766C #762E5B #76482E

Tetradic

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

Monochromatic

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

Suggested palettes for this hue.

Northern Lights View all →

Golden Autumn View all →

Sand Desert View all →