Jade (33894B) — 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 #33894B

RGB rgb(51, 137, 75)

HSL hsl(137°, 46%, 37%)

CMYK C:63% M:0% Y:45% K:46%

Luminance 0.1934

WCAG Accessibility

On white 4.36:1

Aa — #33894B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.82:1

Aa — #33894B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#33894B #8A3371

Analogous

#468A33 #33894B #338A77

Triadic

#33894B #4C338A #8A4C33

Split-comp.

#33894B #77338A #8A3346

Tetradic

#33894B #33468A #8A3371 #8A7733

Monochromatic

#AFD9BB #6AB980 #3C8050 #2C5E3A #142A1A

Suggested palettes for this hue.

Purple Mystery View all →

Red Passion View all →

Purple UI View all →