Jade (688C75) — 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 #688C75

RGB rgb(104, 140, 117)

HSL hsl(142°, 15%, 48%)

CMYK C:26% M:0% Y:16% K:45%

Luminance 0.2338

WCAG Accessibility

On white 3.75:1

Aa — #688C75

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.6:1

Aa — #688C75

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#688C75 #8D687F

Analogous

#6D8D68 #688C75 #688D88

Triadic

#688C75 #76688D #8D7668

Split-comp.

#688C75 #88688D #8D686D

Tetradic

#688C75 #686D8D #8D687F #8D8868

Monochromatic

#DFE2E0 #A9B1AC #748179 #5C6660 #383E3A

Suggested palettes for this hue.

Santorini View all →

Sunset View all →

Arctic Tundra View all →