Solid Ivory Background #FFFFF0

Copy CSS snippets
Ready to copy
Adjust the Color
Solid Ivory background details
With hex #FFFFF0 (rgb(255, 255, 240)), 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.
Ivory, the White That Keeps Its Warmth
On screen, ivory does something plain white cannot: it softens glare without looking dirty. At #FFFFF0, it is white with the blue channel pulled back just slightly, which reads as candlelight rather than fluorescent tube. As a document background or e-reader tint, that small warmth takes the clinical edge off a bright display, especially during late-night reading sessions.
One of the original X11 and CSS named colors, ivory has been available to web designers since the earliest browsers. It works hardest as a background for dark, warm foregrounds — espresso text feels far more natural on ivory than jet black on pure white. Keep cool-toned photographs off it, though; against ivory, a bluish image can look faintly gray and underexposed.
A palette that works with Ivory
Deep warm brown, muted green, and soft taupe read like natural materials against ivory — the classic register of paper, wood, and plants.
Quick specs
- HEX
- #FFFFF0
- RGB
- rgb(255, 255, 240)
- HSL
- hsl(60, 100%, 97%)
- Readable text
- #111111
background-color: #FFFFF0;
Where Ivory shines
- Bold CTA banners where warmth improves click-through
- Ivory 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 Ivory
Ivory background FAQs
Can I download a solid Ivory background?
Yes. This solid ivory background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Ivory?
Ivory uses HEX #FFFFF0 and rgb(255, 255, 240). You can copy both values from this page or adjust the shade before exporting a background image.
Is Ivory better for phone or desktop wallpaper?
Ivory works well for bright phone wallpapers, clean desktop backgrounds, social graphics, and slides where dark text needs to stay readable.
