Saffron (E3A51D) — Shades, Harmonies, Palettes, CSS Code

"Saffron"

Yellow · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #E3A51D

RGB rgb(227, 165, 29)

HSL hsl(41°, 78%, 50%)

CMYK C:0% M:27% Y:87% K:11%

Luminance 0.4397

WCAG Accessibility

On white 2.17:1

Aa — #E3A51D

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.67:1

Aa — #E3A51D

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E3A51D #1C5BE3

Analogous

#E3411C #E3A51D #BEE31C

Triadic

#E3A51D #1CE3A4 #A41CE3

Split-comp.

#E3A51D #1CBEE3 #411CE3

Tetradic

#E3A51D #1CE341 #1C5BE3 #E31CBE

Monochromatic

#2B2008 #816018 #D69F29 #DEB254 #EBCF94

Suggested palettes for this hue.

Tech Blue View all →

Matcha Tea View all →

Northern Lights View all →