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

RGB rgb(251, 207, 86)

HSL hsl(44°, 95%, 66%)

CMYK C:0% M:18% Y:66% K:2%

Luminance 0.664

WCAG Accessibility

On white 1.48:1

Aa — #FBCF56

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.16:1

Aa — #FBCF56

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FBCF56 #5682FB

Analogous

#FB7C56 #FBCF56 #D4FB56

Triadic

#FBCF56 #56FBCF #CF56FB

Split-comp.

#FBCF56 #56D4FB #7C56FB

Tetradic

#FBCF56 #56FB7C #5682FB #FB56D4

Monochromatic

#7B5D0A #D9A412 #F2CB5F #F6DA8E #FCF1D5

Suggested palettes for this hue.

Art Deco View all →

Kyoto Zen View all →

Tech Blue View all →