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

RGB rgb(54, 109, 79)

HSL hsl(147°, 34%, 32%)

CMYK C:50% M:0% Y:28% K:57%

Luminance 0.1227

WCAG Accessibility

On white 6.07:1

Aa — #366D4F

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.46:1

Aa — #366D4F

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#366D4F #6D3654

Analogous

#396D36 #366D4F #366D6B

Triadic

#366D4F #4F366D #6D4F36

Split-comp.

#366D4F #6B366D #6D3639

Tetradic

#366D4F #36396D #6D3654 #6D6B36

Monochromatic

#A6C9B6 #67A282 #3E6550 #2B4637 #0E1611

Suggested palettes for this hue.

Gradient Sunset View all →

Danger Red View all →

Sand Desert View all →