Jade (549F63) — 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 #549F63

RGB rgb(84, 159, 99)

HSL hsl(132°, 31%, 48%)

CMYK C:47% M:0% Y:38% K:38%

Luminance 0.2805

WCAG Accessibility

On white 3.22:1

Aa — #549F63

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.52:1

Aa — #549F63

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#549F63 #A05491

Analogous

#6BA054 #549F63 #54A08A

Triadic

#549F63 #6454A0 #A06454

Split-comp.

#549F63 #8A54A0 #A0546B

Tetradic

#549F63 #546BA0 #A05491 #A08A54

Monochromatic

#DAE7DD #9CBFA3 #61946B #4D7555 #2E4733

Suggested palettes for this hue.

Berries View all →

White Marble View all →

Nordic View all →