Ivory Background
#FFFFF0 · rgb(255, 255, 240)
About the ivory background
Ivory (#FFFFF0) takes pure white and pulls the blue channel down to 240, producing a faint yellow warmth that mimics aged paper, silk and porcelain. It reads as 'white' at a glance but feels noticeably softer and more expensive.
That warmth makes ivory a favorite for wedding invitations, luxury branding and editorial layouts. On screen it works exactly like an off-white background, with a slightly creamier cast that flatters skin tones in photography.
What to use a ivory background for
- Wedding stationery, invitations and luxury branding
- Editorial and magazine-style web layouts
- Soft, flattering backdrop for portrait photography
- Warm UI themes that avoid stark white glare
How to use ivory in CSS
Copy the snippet below, or click any code chip on this page to grab a single value.
/* Full-page ivory background */
body {
margin: 0;
background-color: #FFFFF0;
}
/* A single section or element */
.hero {
background-color: rgb(255, 255, 240);
} Ivory shades and tints
Click any swatch to copy it. Tints mix ivory with white; shades mix it with black.
Ivory background FAQ
What's the difference between ivory and cream?
Ivory #FFFFF0 is barely tinted — 98%+ white — while cream #FFFDD0 is a clearly warm, yellow-toned pastel. Ivory is the subtle option when you want warmth without losing the white look.
Is ivory a web-safe color?
Yes — ivory is a named CSS color keyword (ivory) that resolves to exactly #FFFFF0 in every browser, so you can use either the keyword or the hex code.
What is the hex code for ivory?
Ivory is #FFFFF0 in hexadecimal, rgb(255, 255, 240) in RGB and hsl(60, 100%, 97%) in HSL. Paste #FFFFF0 into any CSS background-color property to use it.
How do I set a ivory background in CSS?
Add background-color: #FFFFF0; to any element, or apply it to the whole page: body { background-color: #FFFFF0; margin: 0; }. You can also use the CSS keyword or the rgb() form — rgb(255, 255, 240) — with identical results.