Jade (2F7563) — 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 #2F7563

RGB rgb(47, 117, 99)

HSL hsl(165°, 43%, 32%)

CMYK C:60% M:0% Y:15% K:54%

Luminance 0.143

WCAG Accessibility

On white 5.46:1

Aa — #2F7563

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.85:1

Aa — #2F7563

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2F7563 #752F40

Analogous

#2F7540 #2F7563 #2F6375

Triadic

#2F7563 #632F75 #75632F

Split-comp.

#2F7563 #752F63 #75402F

Tetradic

#2F7563 #402F75 #752F40 #63752F

Monochromatic

#A0CFC3 #5CAD99 #376D5F #264B41 #0C1815

Suggested palettes for this hue.

Provence Lavender View all →

Tokyo Neon View all →

Berries View all →