Sunflower (FCCC55) — Shades, Harmonies, Palettes, CSS Code

"Sunflower"

Yellow · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Sunflower pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #FCCC55

RGB rgb(252, 204, 85)

HSL hsl(43°, 97%, 66%)

CMYK C:0% M:19% Y:66% K:1%

Luminance 0.6513

WCAG Accessibility

On white 1.51:1

Aa — #FCCC55

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.91:1

Aa — #FCCC55

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FCCC55 #5484FC

Analogous

#FC7954 #FCCC55 #D8FC54

Triadic

#FCCC55 #54FCCD #CD54FC

Split-comp.

#FCCC55 #54D8FC #7954FC

Tetradic

#FCCC55 #54FC79 #5484FC #FC54D8

Monochromatic

#7C5B09 #DBA20F #F4C95D #F7D98D #FCF1D4

Suggested palettes for this hue.

Coffee & Cream View all →

Pearl Zen View all →

Kyoto Zen View all →