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

RGB rgb(186, 131, 18)

HSL hsl(40°, 82%, 40%)

CMYK C:0% M:30% Y:90% K:27%

Luminance 0.2716

WCAG Accessibility

On white 3.31:1

Aa — #BA8312

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.34:1

Aa — #BA8312

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BA8312 #124ABA

Analogous

#BA2E12 #BA8312 #9EBA12

Triadic

#BA8312 #12BA82 #8212BA

Split-comp.

#BA8312 #129EBA #2E12BA

Tetradic

#BA8312 #12BA2E #124ABA #BA129E

Monochromatic

#F1D8A7 #E2B150 #AF7E1D #845F15 #422F0B

Suggested palettes for this hue.

Leather & Wood View all →

Pearl Zen View all →

White Marble View all →