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

RGB rgb(51, 134, 86)

HSL hsl(145°, 45%, 36%)

CMYK C:62% M:0% Y:36% K:47%

Luminance 0.1864

WCAG Accessibility

On white 4.48:1

Aa — #338656

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.69:1

Aa — #338656

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#338656 #853263

Analogous

#398532 #338656 #32857E

Triadic

#338656 #553285 #855532

Split-comp.

#338656 #7E3285 #853239

Tetradic

#338656 #323985 #853263 #857E32

Monochromatic

#ACD7BE #68B688 #3C7C56 #2B5A3E #12261A

Suggested palettes for this hue.

Tropical Fruits View all →

Retro 70s View all →

Red Passion View all →