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

RGB rgb(188, 210, 203)

HSL hsl(161°, 20%, 78%)

CMYK C:10% M:0% Y:3% K:18%

Luminance 0.619

WCAG Accessibility

On white 1.59:1

Aa — #BCD2CB

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.22:1

Aa — #BCD2CB

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BCD2CB #D2BCC3

Analogous

#BCD2C0 #BCD2CB #BCCED2

Triadic

#BCD2CB #CBBCD2 #D2CBBC

Split-comp.

#BCD2CB #D2BCCE #D2C0BC

Tetradic

#BCD2CB #C0BCD2 #D2BCC3 #CED2BC

Monochromatic

#576B64 #899F98 #C1CDC9 #DDE3E2 #FFFFFF

Suggested palettes for this hue.

Pop Matisse View all →

Purple UI View all →

Volcano View all →