Jade (B7D7CC) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #B7D7CC

RGB rgb(183, 215, 204)

HSL hsl(159°, 29%, 78%)

CMYK C:15% M:0% Y:5% K:16%

Luminance 0.638

WCAG Accessibility

On white 1.54:1

Aa — #B7D7CC

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.61:1

Aa — #B7D7CC

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B7D7CC #D7B7C2

Analogous

#B7D7BC #B7D7CC #B7D2D7

Triadic

#B7D7CC #CCB7D7 #D7CCB7

Split-comp.

#B7D7CC #D7B7D2 #D7BCB7

Tetradic

#B7D7CC #BCB7D7 #D7B7C2 #D2D7B7

Monochromatic

#4E7366 #80A89A #BCD2CA #DBE6E2 #FFFFFF

Suggested palettes for this hue.

Gradient Sunset View all →

Amazon View all →

Icy Winter View all →