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

RGB rgb(51, 113, 72)

HSL hsl(140°, 38%, 32%)

CMYK C:55% M:0% Y:36% K:56%

Luminance 0.13

WCAG Accessibility

On white 5.84:1

Aa — #337148

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.6:1

Aa — #337148

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#337148 #71335C

Analogous

#3D7133 #337148 #337166

Triadic

#337148 #473371 #714733

Split-comp.

#337148 #663371 #71333D

Tetradic

#337148 #333D71 #71335C #716633

Monochromatic

#A4CCB1 #62A779 #3B684A #284833 #0D1710

Suggested palettes for this hue.

Berries View all →

Orange Energy View all →

Coffee & Cream View all →