Sunburst Yellow
Luminous and pale morning sun yellow
Sunburst Yellow is an exceptionally pale, luminous tone that mimics morning sunlight. Because of its high lightness, it functions well as a cheerful background or a bright, clean accent for minimal interfaces. Pair it with deep charcoals to ensure high readability, as white text gets lost against this tint. The hex code for this color is #ffff99.
About Sunburst Yellow
Butter left out on a warm windowsill
What does sunburst yellow mean?
Yellow often signals optimism and attention, but at this pale shade it reads softer, closer to cheerfulness and ease. Mostly white with a small dose of yellow, it feels light and easy on the eyes rather than loud.
Where you see sunburst yellow
- lemon chiffon
- legal pads
- buttercream frosting
- banana cream pie filling
- fresh corn silk
What it works for
It works well for backgrounds, nursery items, kitchen packaging, and designs that need warmth without weight.
What colors go with sunburst yellow?
Slate Blue #6a5acdThe muted blue cools the yellow's warmth, and both share a similar softness.Sage Green #9caf88Sage matches the yellow's low saturation, giving a fresh, garden-adjacent pairing that never shouts.Terracotta #e2725bTerracotta adds earthy depth that keeps all this lightness from turning flat.Charcoal #36454fCharcoal grounds the pale yellow, letting it read as bright instead of washed out.Dusty Rose #b56f76Dusty rose warms alongside it, forming a gentle pairing with real contrast in hue.
Questions about Sunburst Yellow
What is the hex code for Sunburst Yellow?
Sunburst Yellow is #ffff99. In RGB that is rgb(255, 255, 153), in HSL hsl(60, 100%, 80%) and in CMYK 0%, 0%, 40%, 0%.
Where does Sunburst Yellow work best in a design layout?
This color excels as a gentle, non-aggressive accent or a cheerful background for minimal interfaces. It creates a welcoming, clean aesthetic in wellness or lifestyle branding, especially when paired with natural tones like a muted sage green.
Is Sunburst Yellow readable on white or black?
Sunburst Yellow has a 1.04:1 contrast ratio on white and 20.01:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.