Sun Yellow (F2C710) — 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 #F2C710

RGB rgb(242, 199, 16)

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

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

Luminance 0.6041

WCAG Accessibility

On white 1.62:1

Aa — #F2C710

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.95:1

Aa — #F2C710

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F2C710 #123BF3

Analogous

#F35912 #F2C710 #ABF312

Triadic

#F2C710 #12F3C9 #C912F3

Split-comp.

#F2C710 #12ABF3 #5912F3

Tetradic

#F2C710 #12F359 #123BF3 #F312AB

Monochromatic

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

Suggested palettes for this hue.

Chocolate View all →

Nordic View all →

Santorini View all →