Sunflower (FCCD54) — 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 #FCCD54

RGB rgb(252, 205, 84)

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

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

Luminance 0.6559

WCAG Accessibility

On white 1.5:1

Aa — #FCCD54

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14:1

Aa — #FCCD54

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FCCD54 #5484FC

Analogous

#FC7954 #FCCD54 #D8FC54

Triadic

#FCCD54 #54FCCD #CD54FC

Split-comp.

#FCCD54 #54D8FC #7954FC

Tetradic

#FCCD54 #54FC79 #5484FC #FC54D8

Monochromatic

#7C5B09 #DBA20F #F4C95D #F7D98D #FCF1D4

Suggested palettes for this hue.

Pop Matisse View all →

Retro 70s View all →

Nordic View all →