White color: code #FFFFFF

White

#FFFFFF

Color codes

  • HEX#FFFFFF
  • RGBrgb(255, 255, 255)
  • HSLhsl(0, 0%, 100%)
  • HSVhsv(0, 0%, 100%)
  • CMYKcmyk(0%, 0%, 0%, 0%)
  • LABlab(100% 0 0)
  • OKLCHoklch(100% 0 0)

About the color White

White has the HEX code #FFFFFF, which corresponds to rgb(255, 255, 255) in the RGB model. On the color wheel its hue sits at 0°, with 0% saturation and 100% lightness (hsl(0, 0%, 100%)).

With very low saturation (or extreme lightness) it works as a neutral, easy to pair with almost any other color.

As a background it calls for dark text: black reaches a 21.00:1 contrast ratio on it, versus 1.00:1 for white.

For print, the approximate conversion is cmyk(0%, 0%, 0%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with White

Complementary

#FFFFFF · #FFFFFF

Analogous

#FFFFFF · #FFFFFF · #FFFFFF

Triadic

#FFFFFF · #FFFFFF · #FFFFFF

Tetradic

#FFFFFF · #FFFFFF · #FFFFFF · #FFFFFF

Split-complementary

#FFFFFF · #FFFFFF · #FFFFFF

Monochromatic

#BFBFBF · #E6E6E6 · #FFFFFF · #FFFFFF · #FFFFFF

White with white and black text

White text Aa Bb Cc 123
1.00:1 · fails WCAG
Black text Aa Bb Cc 123
21.00:1 · AAA

Test other pairs in the contrast checker

White: peace, cleanliness and fresh starts

On screen, #FFFFFF is every light channel at full strength. In the US and much of the West, white is tied to weddings, purity and clinical cleanliness, from bridal gowns to lab coats. In several East Asian cultures, however, white is traditionally associated with mourning, so its meaning is anything but universal. In design, white signals space, clarity and simplicity, and it is the foundation of nearly every interface: what looks “empty” is actually the most-used color on the page.

Pure white or off-white?

Not all whites are equal, and the choice changes how a project feels:

ShadeHEXWhen to use it
Pure white#FFFFFFInterfaces, product photography, technical and minimalist looks.
Off-white#FAF9F6Editorial sites, stationery and walls: less glare.
Cream#FFFDD0Cozy rooms, handmade brands, invitations.

In interiors, lighting changes everything: a white wall under warm bulbs turns yellowish, and under cool LEDs it looks bluish. Paint a test patch and check it at different times of day before committing to the whole room.

How to pair it

White works with anything, but each partner sets a different mood. With navy blue (#000080), you get a classic nautical look. With terracotta (#E2725B) and beige (#F5F5DC), it becomes a warm, sunlit Mediterranean palette. With black (#000000), you get maximum contrast for graphic work.

Practical tip: screen and print

On screens, pure white backgrounds with pure black text can be tiring over long reads, so many designs soften one side. Check legibility with the contrast checker. In print, white isn't printed at all: it is the color of the paper. If the stock is recycled or warm-toned, your white will be too. Printing white on dark or clear materials requires a special white ink, usually quoted separately. Learn more in RGB vs CMYK.

For dark mode, don't simply invert: an off-white around #E0E0E0 on a dark gray background glares less than pure white text on pure black.

How to use it in CSS

:root {
  --color-white: #FFFFFF;
  --color-white-rgb: 255, 255, 255;
}

.elemento {
  background-color: var(--color-white);
  color: #000000;
}