White HEX Code
The HEX code for pure white is #FFFFFF. White represents maximum brightness in the RGB color model, with all three color channels (red, green, blue) at their highest values of 255. White is the absence of color in subtractive mixing (print) but the combination of all colors in additive mixing (screens).
White Color Values
| Format | Value | HEX#FFFFFF RGBrgb(255, 255, 255) HSLhsl(0, 0%, 100%) CMYKC:0 M:0 Y:0 K:0
White and Off-White Shades
Pure white can be harsh on screens. Designers often use off-white shades for backgrounds and content areas:
ShadeHEXDescription White#FFFFFFPure white Snow#FFFAFAWarm, pinkish white Ivory#FFFFF0Warm, yellowish white Seashell#FFF5EEWarm, peachy white Ghost White#F8F8FFCool, bluish white Whitesmoke#F5F5F5Light gray-white Floral White#FFFAF0Warm cream Linen#FAF0E6Warm beige-white | Antique White | #FAEBD7 | Yellow-tinted white |
White in Design
White conveys:
- Cleanliness: Medical, hygiene products
- Simplicity: Minimalist design, Apple aesthetic
- Space: Creates breathing room
- Purity: Weddings, formal occasions
Using White Effectively
``css
/* Pure white - can be harsh */
.container {
background-color: #FFFFFF;
}
/* Softer off-white for content */
.content {
background-color: #FAFAFA;
}
/* Warm white for comfort */
.cozy-section {
background-color: #FFF8F5;
}
``
White Space in Web Design
White space (or negative space) is crucial for:
- Readability: Text needs breathing room
- Focus: Highlighting important elements
- Elegance: Premium, sophisticated feel
- Usability: Reducing cognitive load
Pure White vs Off-White
| Use Case | Recommendation | Text backgroundsOff-white (#F5F5F5) Modals/cardsWhite or light off-white High contrast needsPure white | Eye comfort | Warm off-whites |
Use pure white strategically, and consider off-white shades for large background areas to reduce eye strain.