Jade (448A7A) — Shades, Harmonies, Palettes, CSS Code

"Jade"

Green · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

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

Values

HEX #448A7A

RGB rgb(68, 138, 122)

HSL hsl(166°, 34%, 40%)

CMYK C:51% M:0% Y:12% K:46%

Luminance 0.2111

WCAG Accessibility

On white 4.07:1

Aa — #448A7A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.16:1

Aa — #448A7A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#448A7A #894354

Analogous

#438956 #448A7A #437689

Triadic

#448A7A #784389 #897843

Split-comp.

#448A7A #894376 #895643

Tetradic

#448A7A #564389 #894354 #768943

Monochromatic

#C0D8D3 #81B1A6 #4E7E73 #3A5F56 #1D2F2B

Suggested palettes for this hue.

Dragonfruit View all →

Purple UI View all →

Sahara View all →