Solid Pastel Yellow Background #FDFD96
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Pastel Yellow background details
With hex #FDFD96 (rgb(253, 253, 150)), this airy, high-key yellow tone sits around 60° on the color wheel. Its bold, saturated appearance reads as energetic and optimistic on screen. Use the values and preview above to test it in the layout where it will actually appear.
Pastel Yellow, the sticky-note shade
Sticky notes made this shade a global shorthand for 'remember this,' and Pastel Yellow leans into that friendly, low-stakes character. At #FDFD96, red and green are nearly maxed while blue holds back just enough to create warmth without glare. It is sunshine filtered through tracing paper, which is exactly its appeal.
As a screen background it is gentler than it looks: note apps, journaling templates, and kids' content all benefit from its warmth. Dark gray text remains comfortable on it for long reading sessions. In interiors it works best in daylight; under warm evening bulbs it can drift toward green, so sample first.
A palette that works with Pastel Yellow
Pastel blue and pastel green complete a candy-shop trio at matching intensity, while dim gray supplies the contrast the pastels cannot give each other.
Quick specs
- HEX
- #FDFD96
- RGB
- rgb(253, 253, 150)
- HSL
- hsl(60, 96%, 79%)
- Readable text
- #111111
background-color: #FDFD96;
Where Pastel Yellow shines
- Bold CTA banners where warmth improves click-through
- Pastel Yellow wallpapers for devices in need of a cheerful lift
- Highlight blocks or cards that need quick visual priority
Practical tips
- Pair it with charcoal or #111111 text to maintain WCAG contrast (the Copy RGB/HEX buttons above make it easy to grab the exact values).
- Use the adjustment sliders to nudge the hue when you need a complementary accent.
- The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.
Related shades
Popular solid background pages
Collections with Pastel Yellow
Pastel Yellow background FAQs
Can I download a solid Pastel Yellow background?
Yes. This solid pastel yellow background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Pastel Yellow?
Pastel Yellow uses HEX #FDFD96 and rgb(253, 253, 150). You can copy both values from this page or adjust the shade before exporting a background image.
Is Pastel Yellow better for phone or desktop wallpaper?
Pastel Yellow works well for bright phone wallpapers, clean desktop backgrounds, social graphics, and slides where dark text needs to stay readable.