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

RGB rgb(186, 212, 204)

HSL hsl(162°, 23%, 78%)

CMYK C:12% M:0% Y:4% K:17%

Luminance 0.6268

WCAG Accessibility

On white 1.57:1

Aa — #BAD4CC

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.38:1

Aa — #BAD4CC

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BAD4CC #D4BAC2

Analogous

#BAD4BF #BAD4CC #BACFD4

Triadic

#BAD4CC #CCBAD4 #D4CCBA

Split-comp.

#BAD4CC #D4BACF #D4BFBA

Tetradic

#BAD4CC #BFBAD4 #D4BAC2 #CFD4BA

Monochromatic

#546D66 #86A299 #C0CECA #DCE4E2 #FFFFFF

Suggested palettes for this hue.

Danger Red View all →

Amazon View all →

Provence Lavender View all →