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

RGB rgb(198, 128, 16)

HSL hsl(37°, 85%, 42%)

CMYK C:0% M:35% Y:92% K:22%

Luminance 0.279

WCAG Accessibility

On white 3.23:1

Aa — #C68010

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.5:1

Aa — #C68010

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C68010 #1056C6

Analogous

#C62510 #C68010 #B1C610

Triadic

#C68010 #10C680 #8010C6

Split-comp.

#C68010 #10B1C6 #2510C6

Tetradic

#C68010 #10C625 #1056C6 #C610B1

Monochromatic

#F4D9AF #E7AF55 #BB7E1B #8F6014 #4C330B

Suggested palettes for this hue.

Retro 70s View all →

Mediterranean View all →

Green Meadow View all →