CSS Color: White
Named CSS color White — #FFFFFF in HEX, rgb(255, 255, 255) in RGB, hsl(0, 0%, 100%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | White | color: White; |
| HEX | #FFFFFF | color: #FFFFFF; |
| RGB | rgb(255, 255, 255) | color: rgb(255, 255, 255); |
| HSL | hsl(0, 0%, 100%) | color: hsl(0, 0%, 100%); |
About White
White is the lightest possible color, representing all RGB channels at maximum (255, 255, 255). At hex `#FFFFFF`, it has 100% lightness with no hue or saturation.
In web design, White is the most common background color. It provides maximum contrast for text readability and creates a clean, spacious feel. White space (negative space) is a fundamental design principle that improves readability and visual hierarchy.
For accessibility, White provides maximum contrast against dark colors. Black text on White achieves the theoretical maximum of 21:1 contrast ratio. However, pure white backgrounds can cause eye strain in prolonged reading — many modern designs use off-white tones like `#FAFAFA` or Snow.
White pairs with every color. In modern web design, the trend is moving toward slightly off-white backgrounds (Ghost White, Snow, Ivory) for reduced eye strain while maintaining the clean aesthetic White provides. In Tailwind CSS, `white` is a built-in color.
FAQ
What is the hex code for White?
The CSS named color White has the hex code #FFFFFF. You can use it in CSS as color: #FFFFFF; or simply color: White;.
What is White in RGB?
In RGB notation, White is rgb(255, 255, 255). Use it in CSS as color: rgb(255, 255, 255);.
What is White in HSL?
In HSL notation, White is hsl(0, 0%, 100%). Use it in CSS as color: hsl(0, 0%, 100%);.
What color category is White?
White belongs to the White/Black color family in the CSS named colors specification.
Can I use the name "White" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: White; or background-color: White; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert White to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →