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

RGB rgb(55, 109, 102)

HSL hsl(172°, 33%, 32%)

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

Luminance 0.1271

WCAG Accessibility

On white 5.93:1

Aa — #376D66

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.54:1

Aa — #376D66

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#376D66 #6D373E

Analogous

#376D4A #376D66 #37596D

Triadic

#376D66 #65376D #6D6537

Split-comp.

#376D66 #6D3759 #6D4A37

Tetradic

#376D66 #4A376D #6D373E #596D37

Monochromatic

#A7C8C4 #68A199 #3F645F #2B4542 #0E1615

Suggested palettes for this hue.

Berries View all →

Pop Art View all →

Pearl Zen View all →