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 |
| RGB | rgb(255, 255, 255) |
| HSL | hsl(0, 0%, 100%) |
| CMYK | C: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:
| Shade | HEX | Description |
|---|---|---|
| White | #FFFFFF | Pure white |
| Snow | #FFFAFA | Warm, pinkish white |
| Ivory | #FFFFF0 | Warm, yellowish white |
| Seashell | #FFF5EE | Warm, peachy white |
| Ghost White | #F8F8FF | Cool, bluish white |
| Whitesmoke | #F5F5F5 | Light gray-white |
| Floral White | #FFFAF0 | Warm cream |
| Linen | #FAF0E6 | Warm 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 backgrounds | Off-white (#F5F5F5) |
| Modals/cards | White or light off-white |
| High contrast needs | Pure white |
| Eye comfort | Warm off-whites |