CSS Color: White

Named CSS color White #FFFFFF in HEX, rgb(255, 255, 255) in RGB, hsl(0, 0%, 100%) in HSL.

WhiteWhite/Black

Color Values

FormatValueCSS Usage
NamedWhitecolor: White;
HEX#FFFFFFcolor: #FFFFFF;
RGBrgb(255, 255, 255)color: rgb(255, 255, 255);
HSLhsl(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 →