White Color

Learn about White (#ffffff): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

.white-color {
  color: #ffffff;
}

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.