Jade (3A897E) — 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 #3A897E

RGB rgb(58, 137, 126)

HSL hsl(172°, 41%, 38%)

CMYK C:58% M:0% Y:8% K:46%

Luminance 0.2058

WCAG Accessibility

On white 4.15:1

Aa — #3A897E

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.06:1

Aa — #3A897E

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3A897E #893944

Analogous

#398956 #3A897E #396B89

Triadic

#3A897E #7E3989 #897E39

Split-comp.

#3A897E #89396B #895639

Tetradic

#3A897E #563989 #893944 #6B8939

Monochromatic

#B6D8D4 #73B5AC #437F77 #315E58 #172B29

Suggested palettes for this hue.

French Riviera View all →

Matcha View all →

Velvet & Silk View all →