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

RGB rgb(53, 110, 99)

HSL hsl(168°, 35%, 32%)

CMYK C:52% M:0% Y:10% K:57%

Luminance 0.1282

WCAG Accessibility

On white 5.9:1

Aa — #356E63

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.56:1

Aa — #356E63

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#356E63 #6E3540

Analogous

#356E46 #356E63 #355D6E

Triadic

#356E63 #63356E #6E6335

Split-comp.

#356E63 #6E355D #6E4635

Tetradic

#356E63 #46356E #6E3540 #5D6E35

Monochromatic

#A6C9C2 #66A397 #3D665E #2A4641 #0D1615

Suggested palettes for this hue.

Tropical Jungle View all →

Dark UI View all →

Red Passion View all →