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

RGB rgb(34, 79, 51)

HSL hsl(143°, 40%, 22%)

CMYK C:57% M:0% Y:35% K:69%

Luminance 0.0589

WCAG Accessibility

On white 9.4:1

Aa — #224F33

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.23:1

Aa — #224F33

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#224F33 #4F223D

Analogous

#274F22 #224F33 #224F49

Triadic

#224F33 #33224F #4F3322

Split-comp.

#224F33 #49224F #4F2227

Tetradic

#224F33 #22274F #4F223D #4F4922

Monochromatic

#81BB97 #4B8B64 #274934 #15281C #000000

Suggested palettes for this hue.

White Marble View all →

Grey Minimal View all →

Dark UI View all →