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

RGB rgb(228, 204, 108)

HSL hsl(48°, 69%, 66%)

CMYK C:0% M:11% Y:53% K:11%

Luminance 0.6149

WCAG Accessibility

On white 1.6:1

Aa — #E4CC6C

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.15:1

Aa — #E4CC6C

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E4CC6C #6C84E4

Analogous

#E4906C #E4CC6C #C0E46C

Triadic

#E4CC6C #6CE4CC #CC6CE4

Split-comp.

#E4CC6C #6CC0E4 #906CE4

Tetradic

#E4CC6C #6CE490 #6C84E4 #E46CC0

Monochromatic

#695A1B #BB9F30 #DBC775 #E6D79E #F6F0DB

Suggested palettes for this hue.

Memphis Design View all →

Northern Lights View all →

Blue Serenity View all →