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.
HEX
#FFFFFF RGB
rgb(255, 255, 255) HSL
hsl(0, 0%, 100%) OKLCH
oklch(100.0% 0.000 90.0) 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.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| White 50 | #F2F2F2 | ||
| White 100 | #D9D9D9 | ||
| White 200 | #BFBFBF | ||
| White 300 | #A6A6A6 | ||
| White 400 | #8C8C8C | ||
| White 500 | #737373 | ||
| White 600 | #595959 | ||
| White 700 | #404040 | ||
| White 800 | #262626 | ||
| White 900 | #0D0D0D |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use white
01
Primary page and card surfaces
02
Negative space in minimal layouts
03
High-contrast text on dark backgrounds