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

RGB rgb(52, 111, 101)

HSL hsl(170°, 36%, 32%)

CMYK C:53% M:0% Y:9% K:56%

Luminance 0.1306

WCAG Accessibility

On white 5.82:1

Aa — #346F65

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.61:1

Aa — #346F65

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#346F65 #6F343E

Analogous

#346F48 #346F65 #345B6F

Triadic

#346F65 #65346F #6F6534

Split-comp.

#346F65 #6F345B #6F4834

Tetradic

#346F65 #48346F #6F343E #5B6F34

Monochromatic

#A5CAC4 #65A49A #3C6760 #2A4742 #0D1615

Suggested palettes for this hue.

Mediterranean View all →

Sunset View all →

Pastel Spring View all →