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

RGB rgb(180, 217, 206)

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

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

Luminance 0.6454

WCAG Accessibility

On white 1.53:1

Aa — #B4D9CE

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.76:1

Aa — #B4D9CE

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B4D9CE #D9B4BF

Analogous

#B4D9BC #B4D9CE #B4D2D9

Triadic

#B4D9CE #CEB4D9 #D9CEB4

Split-comp.

#B4D9CE #D9B4D2 #D9BCB4

Tetradic

#B4D9CE #BCB4D9 #D9B4BF #D2D9B4

Monochromatic

#4B776A #7BAD9E #BAD4CC #D9E7E3 #FFFFFF

Suggested palettes for this hue.

Grey Minimal View all →

Memphis Design View all →

Amber Warning View all →