Golden Yellow
A high-energy neon yellow demanding attention
Golden Yellow is a high-energy, neon-adjacent shade that demands attention. Because of its intense brightness, this color works best as a 10% accent rather than a full background. It pairs exceptionally well with charcoal grays or deep navies to create sharp, readable contrast. With a high contrast ratio against black, the hex code #ffdf00 remains fully accessible for UI design and calls to action.
About Golden Yellow
Lemon peel caught mid-flash
What does golden yellow mean?
People often read this yellow as joyful, energetic, and attention-grabbing, so it commonly signals playfulness or a warning. Its very high lightness and full saturation make it feel glowing and loud, like light bouncing off a surface rather than sitting on it.
Where you see golden yellow
- lemons
- school buses
- tennis balls
- caution tape
- sunflowers
- egg yolks
What it works for
It works as a highlight color for buttons, sale tags, packaging accents, and any spot that needs instant attention.
What colors go with golden yellow?
Charcoal #36454fThe near-black neutral absorbs the glare and lets the yellow carry all the energy.Cobalt Blue #0047abBlue sits opposite yellow on the wheel, so the pair hits hard in posters.Plum #8e4585The deep purple cools the mood while the yellow keeps the pairing loud.Olive Green #808000The muted green pulls the yellow back toward nature and softens its neon edge.
Questions about Golden Yellow
What is the hex code for Golden Yellow?
Golden Yellow is #ffdf00. In RGB that is rgb(255, 223, 0), in HSL hsl(52, 100%, 50%) and in CMYK 0%, 13%, 100%, 0%.
How should Golden Yellow #ffdf00 be used in UI design?
Is Golden Yellow readable on white or black?
Golden Yellow has a 1.32:1 contrast ratio on white and 15.80: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.