Jade (488E84) — 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 #488E84

RGB rgb(72, 142, 132)

HSL hsl(171°, 33%, 42%)

CMYK C:49% M:0% Y:7% K:44%

Luminance 0.2274

WCAG Accessibility

On white 3.83:1

Aa — #488E84

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.48:1

Aa — #488E84

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#488E84 #8E4852

Analogous

#488E60 #488E84 #48768E

Triadic

#488E84 #84488E #8E8448

Split-comp.

#488E84 #8E4876 #8E6048

Tetradic

#488E84 #60488E #8E4852 #768E48

Monochromatic

#C7DCD8 #88B4AE #52847C #3F645F #213532

Suggested palettes for this hue.

Blue Serenity View all →

Gradient Sunset View all →

Coral Sea View all →