White Background
#FFFFFF · rgb(255, 255, 255)
About the white background
White (#FFFFFF) is the purest color on the web: every red, green and blue channel is fully lit at 255. It is the default canvas of the internet — pages, documents and product shots all lean on white because it maximizes contrast, feels clean, and makes every other color pop.
A solid white background is also the most practical color for everyday use. It gives video calls and livestreams a bright, professional look, doubles as a dead-pixel test for your display, and reads as 'paper' in screenshots and scanned documents.
What to use a white background for
- Product photography and e-commerce cutouts (Amazon, Shopify)
- Bright, professional backdrop for video calls and streams
- Dead pixel and backlight bleed testing on any display
- Minimal web design, documents and presentation slides
How to use white in CSS
Copy the snippet below, or click any code chip on this page to grab a single value.
/* Full-page white background */
body {
margin: 0;
background-color: #FFFFFF;
}
/* A single section or element */
.hero {
background-color: rgb(255, 255, 255);
} White shades and tints
Click any swatch to copy it. Tints mix white with white; shades mix it with black.
White background FAQ
Is #FFFFFF the same as pure white?
Yes. #FFFFFF, rgb(255, 255, 255) and hsl(0, 0%, 100%) all describe the same pure white — the brightest color a screen can produce.
Does a white background use more battery?
On OLED and AMOLED screens, yes — every white pixel fires all three sub-pixels at full power, so white drains noticeably more battery than black. On traditional LCD panels the difference is negligible because the backlight is always on.
What is the hex code for white?
White is #FFFFFF in hexadecimal, rgb(255, 255, 255) in RGB and hsl(0, 0%, 100%) in HSL. Paste #FFFFFF into any CSS background-color property to use it.
How do I set a white background in CSS?
Add background-color: #FFFFFF; to any element, or apply it to the whole page: body { background-color: #FFFFFF; margin: 0; }. You can also use the CSS keyword or the rgb() form — rgb(255, 255, 255) — with identical results.