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

RGB rgb(242, 138, 20)

HSL hsl(32°, 90%, 51%)

CMYK C:0% M:43% Y:92% K:5%

Luminance 0.375

WCAG Accessibility

On white 2.49:1

Aa — #F28A14

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.42:1

Aa — #F28A14

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F28A14 #127BF3

Analogous

#F31912 #F28A14 #EBF312

Triadic

#F28A14 #12F38A #8A12F3

Split-comp.

#F28A14 #12EBF3 #1912F3

Tetradic

#F28A14 #12F319 #127BF3 #F312EB

Monochromatic

#321E06 #8E5310 #E6891E #EBA14C #F3C591

Suggested palettes for this hue.

Night Velvet View all →

Santorini View all →

Sunset View all →