White Color — HEX, RGB, HSL, Palettes & Contrast

White (#ffffff): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#ffffff
HEX #ffffff
RGB rgb(255, 255, 255)
HSL 0°, 0%, 100%

Use White in Your Projects

About White Color

White is the lightest color, representing purity and cleanliness. It is commonly used as a background color in minimalist and modern web design.

Use Cases for White

backgroundsclean designminimalist themestext on dark mode

Shades & Tints of White

#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#bfbfbf
#808080
#404040
#000000

Complementary Color

#ffffff
#ffffff

Analogous Colors

#ffffff
#ffffff
#ffffff

Triadic Colors

#ffffff
#ffffff
#ffffff

Split Complementary

#ffffff
#ffffff
#ffffff

Tetradic Colors

#ffffff
#ffffff
#ffffff
#ffffff

CSS Code

.white-color {
  color: #ffffff;
  background-color: #ffffff;
}

/* As a CSS custom property */
:root {
  --color-white: #ffffff;
}

Accessibility Score

55 / 100
Rating: Fair
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on White
Ratio: 21:1 ✓ Passes AA ✓ Passes AAA
White text on White
Ratio: 1:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is White?

White is represented by the hex code #ffffff and has RGB values of rgb(255, 255, 255). It falls under the White category.

How to use White in web design?

White works well for backgrounds, clean design, minimalist themes. White is the lightest color, representing purity and cleanliness. It is commonly used as a background color in minimalist and modern web design. Use it as a primary color, accent, or background depending on your design needs.

What colors go with White?

Colors that pair well with White include snow, ivory, ghostwhite, whitesmoke, aliceblue. For a complementary scheme, try #ffffff. For an analogous scheme, use #ffffff and #ffffff. For a triadic scheme, combine with #ffffff and #ffffff.