Jade (305E48) — 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 #305E48

RGB rgb(48, 94, 72)

HSL hsl(151°, 32%, 28%)

CMYK C:49% M:0% Y:23% K:63%

Luminance 0.0895

WCAG Accessibility

On white 7.45:1

Aa — #305E48

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.82:1

Aa — #305E48

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#305E48 #5E3147

Analogous

#315E31 #305E48 #315D5E

Triadic

#305E48 #48315E #5E4831

Split-comp.

#305E48 #5E315D #5E3131

Tetradic

#305E48 #31315E #5E3147 #5D5E31

Monochromatic

#9BBFAE #5F957B #385748 #24382E #060908

Suggested palettes for this hue.

Santorini View all →

Concrete Steel View all →

Retro 70s View all →