White

#FFFFFF

What color is White?

White is a clean, bright color with no hue, appearing as the lightest possible shade — hex #FFFFFF — often compared to fresh snow. It reflects all visible light, giving surfaces a crisp, open appearance, like unbleached cotton stretched flat.

What is the meaning of the color White?

In ancient Rome, white wool togas were worn by candidates for public office, giving rise to the Latin word candidus, meaning bright or white, from which the English word candidate derives. The color became associated with purity in European Christian tradition, adopted for altar cloths and baptismal garments by at least the 4th century. Brides in Western Europe began wearing white wedding dresses more broadly after Queen Victoria wore white at her marriage to Prince Albert in 1840. The International Red Cross adopted white with a red cross as its symbol in 1863, anchoring the color to neutrality and humanitarian protection in international law.

RGB
255, 255, 255
HSL
0°, 0%, 100%
CMYK
0, 0, 0, 0
HSV
0°, 0%, 100%
White color

What colors go with White?

Colors that pair well with White include:
Navy Blue: sharp, clean contrast
Sage Green: soft, natural calm
Black: bold, graphic edge
Gold: warm, luminous accent
Dusty Rose: gentle, muted warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFFFFF color: #FFFFFF;
RGB 255, 255, 255 color: rgb(255, 255, 255);
RGB Percentage 100%, 100%, 100% color: rgb(100%, 100%, 100%);
CMYK 0%, 0%, 0%, 0% Not supported in CSS
HSL 0°, 0%, 100% color: hsl(0, 0%, 100%);
HSV 0°, 0%, 100% Not supported in CSS
CIE-LAB 80, 0, 0 color: lab(80% 0 0);
Decimal 16777215 Not supported in CSS

Color Variations

Shades

#FFFFFF
#E6E6E6
#CCCCCC
#B3B3B3
#999999
#808080
#666666
#4D4D4D

Tints

#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF

Tones

#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF

Hues

#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF

Color Harmonies

Analogous

#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%

Complementary

#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%

Split Complementary

#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%

Triadic

#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%

Tetradic

#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%

Square

#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%
#FFFFFF
Click to copy
100%

CSS & Dev Snippets

CSS
.white {
  color: #FFFFFF;
}
SCSS
$white: #FFFFFF;
RGB
rgb(255, 255, 255)

Accessibility & Contrast

White background

1.00:1
1.00
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

21.00:1
21.00
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags