White
HEX: #FFFFFF | Modern Palette
Color Specifications
#FFFFFF
255, 255, 255
0°, 0% ,100%
0, 0, 0, 0
About White
White (#FFFFFF) is a color with RGB(255, 255, 255) and HSL(0°, 0%, 100%). It is commonly associated with Minimal moods. In design, it fits Monochrome, Pastel styles and is suitable for Text, Background, Print. Its complementary color is White (#FFFFFF), which creates strong contrast. Its triadic palette includes White (#FFFFFF) and White (#FFFFFF). The name comes from *hwītaz (Proto-Germanic).
- HEX: #FFFFFF
- RGB: 255, 255, 255
- HSL: 0°, 0%, 100%
- Mood: Minimal
- Style: Monochrome, Pastel
- Use case: Text, Background, Print
- Complementary color: White (#FFFFFF)
- Triadic colors: White (#FFFFFF), White (#FFFFFF)
- The name comes from *hwītaz (Proto-Germanic).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #FFFFFF from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
Frequently Asked Questions
Name, History & Etymology
History
The word 'white' has a long and consistent history across Germanic languages, deriving from the Proto-Germanic '*hwītaz'. This in turn comes from the Proto-Indo-European root '*kweyd-' meaning 'to shine, white'. Its usage in Old English (hwīt) was similar to modern English, referring to the color of snow, milk, or chalk. Over centuries, its spelling and pronunciation evolved, but its core meaning remained stable. It has been used to describe objects, people (often in contrast to other skin tones), and abstract concepts like purity or innocence.
First Recorded Use
Before 900 AD
Cultural Associations
In Western cultures, white is strongly associated with purity, innocence, weddings (bridal gowns), angels, and peace (white dove, surrender flag). It is often the color of mourning in some Eastern cultures (e.g., China, Japan, Korea), symbolizing death and rebirth. In many medical and scientific contexts, white signifies cleanliness, sterility, and precision (e.g., lab coats, hospital walls). Politically, 'white' has been used to denote specific racial groups, particularly in historical contexts of colonialism and racial classification. In art and design, white is used to create space, highlight other colors, and evoke minimalism or modernity. It is one of the colors of the rainbow (when light is dispersed) and a primary color in additive color models (RGB). The phrase 'white lie' refers to a harmless or trivial untruth.
Code Snippets
/* Background */
.element {
background-color: #FFFFFF;
}
/* Text */
.element {
color: #FFFFFF;
}
/* Border */
.element {
border: 1px solid #FFFFFF;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#FFFFFF,
#FFFFFF
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#FFFFFF,
#FFFFFF
);
}// SCSS variable
$white: #FFFFFF;
// With RGB channels (useful for rgba() usage)
$white-r: 255;
$white-g: 255;
$white-b: 255;
// Usage
.element {
background-color: $white;
color: rgba($white-r, $white-g, $white-b, 0.8);
}