Color code and palette
White Color
White is the lightest RGB color and the main surface color of many interfaces. It creates space and clarity, but still needs visible boundaries and sufficient contrast for controls placed on top.
White
#FFFFFF
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| White 50 | #F2F2F2 | 242, 242, 242 | 0, 0%, 95% | ||
| White 100 | #D9D9D9 | 217, 217, 217 | 0, 0%, 85% | ||
| White 200 | #BFBFBF | 191, 191, 191 | 0, 0%, 75% | ||
| White 300 | #A6A6A6 | 166, 166, 166 | 0, 0%, 65% | ||
| White 400 | #8C8C8C | 140, 140, 140 | 0, 0%, 55% | ||
| White 500 | #737373 | 115, 115, 115 | 0, 0%, 45% | ||
| White 600 | #595959 | 89, 89, 89 | 0, 0%, 35% | ||
| White 700 | #404040 | 64, 64, 64 | 0, 0%, 25% | ||
| White 800 | #262626 | 38, 38, 38 | 0, 0%, 15% | ||
| White 900 | #0D0D0D | 13, 13, 13 | 0, 0%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 1.00:1
Fail
Aa Black text 21.00:1
AAA
Ways to use White
Primary page and card surfaces
Negative space in minimal layouts
High-contrast text on dark backgrounds
Colors that go with White
Color-wheel harmonies built from #FFFFFF. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.