Sun Yellow (F2CA11) — Shades, Harmonies, Palettes, CSS Code

"Sun Yellow"

Yellow · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Sun Yellow pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #F2CA11

RGB rgb(242, 202, 17)

HSL hsl(49°, 90%, 51%)

CMYK C:0% M:17% Y:93% K:5%

Luminance 0.618

WCAG Accessibility

On white 1.59:1

Aa — #F2CA11

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.23:1

Aa — #F2CA11

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F2CA11 #123BF3

Analogous

#F35912 #F2CA11 #ABF312

Triadic

#F2CA11 #12F3C9 #C912F3

Split-comp.

#F2CA11 #12ABF3 #5912F3

Tetradic

#F2CA11 #12F359 #123BF3 #F312AB

Monochromatic

#322A06 #8E7710 #E6C11E #EBCE4C #F3E191

Suggested palettes for this hue.

Memphis Design View all →

Northern Lights View all →

Gradient Sunset View all →