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

RGB rgb(51, 140, 83)

HSL hsl(142°, 47%, 37%)

CMYK C:64% M:0% Y:41% K:45%

Luminance 0.2035

WCAG Accessibility

On white 4.19:1

Aa — #338C53

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.02:1

Aa — #338C53

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#338C53 #8B326A

Analogous

#3E8B32 #338C53 #328B7F

Triadic

#338C53 #53328B #8B5332

Split-comp.

#338C53 #7F328B #8B323E

Tetradic

#338C53 #323E8B #8B326A #8B7F32

Monochromatic

#AFDABF #69BA87 #3B8155 #2B5E3E #132A1C

Suggested palettes for this hue.

Berries View all →

Arctic Tundra View all →

Cherry Blossom View all →