Saffron (C28214) — 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 #C28214

RGB rgb(194, 130, 20)

HSL hsl(38°, 81%, 42%)

CMYK C:0% M:33% Y:90% K:24%

Luminance 0.2792

WCAG Accessibility

On white 3.23:1

Aa — #C28214

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.5:1

Aa — #C28214

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C28214 #1454C2

Analogous

#C22B14 #C28214 #ABC214

Triadic

#C28214 #14C282 #8214C2

Split-comp.

#C28214 #14ABC2 #2B14C2

Tetradic

#C28214 #14C22B #1454C2 #C214AB

Monochromatic

#F2DAB1 #E3B059 #B77F1F #8C6118 #4A340D

Suggested palettes for this hue.

Provence Lavender View all →

Memphis Design View all →

Northern Lights View all →