Jade (366D67) — Shades, Harmonies, Palettes, CSS Code

"Jade"

Green · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

Jade pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #366D67

RGB rgb(54, 109, 103)

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

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

Luminance 0.1271

WCAG Accessibility

On white 5.93:1

Aa — #366D67

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.54:1

Aa — #366D67

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#366D67 #6D363C

Analogous

#366D4B #366D67 #36586D

Triadic

#366D67 #67366D #6D6736

Split-comp.

#366D67 #6D3658 #6D4B36

Tetradic

#366D67 #4B366D #6D363C #586D36

Monochromatic

#A6C9C5 #67A29B #3E6561 #2B4642 #0E1615

Suggested palettes for this hue.

Matcha View all →

Pastel Spring View all →

Moss & Stone View all →