What is color #ffffff?
#ffffff, known as White, is a crisp white with HSL 0°, 0%, 100%. Its muted saturation and pale lightness place it in a neutral part of the spectrum.
This color evokes clarity and purity, which explains why it works well in luxury packaging, medical interfaces, and minimalist branding.
Paired with its complement #ffffff, #ffffff produces dramatic contrast. For softer compositions, contrast it with its complement for a striking focal point.
Conversions for #ffffff
HEX
#ffffff
RGB
255, 255, 255
HSL
0°, 0%, 100%
HSV
0°, 0%, 100%
CMYK
0%, 0%, 0%, 0%
XYZ
95.05, 100.00, 108.90
CIE-Lab
100.00, 0.01, -0.01
Web safe
#ffffff
WCAG accessibility of #ffffff (White)
On white
1.00 : 1
Sample #ffffff
Rating: Fail
On black
21.00 : 1
Sample #ffffff
Rating: AAA
Tints of White
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
Tones of White (desaturated variations of #ffffff)
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
Color harmonies for #ffffff
Colors similar to #ffffff
Gradients featuring #ffffff
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ffffff
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ffffff
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ffffff.
const color = "#ffffff";
CSS & Tailwind snippets for #ffffff
Background
.bg-ffffff { background-color: #ffffff; }Text color
.text-ffffff { color: #ffffff; }Border
.border-ffffff { border: 1px solid #ffffff; }Box shadow
.shadow-ffffff { box-shadow: 0 4px 14px #ffffff40; }CSS variable
:root { --color-ffffff: #ffffff; }Tailwind config
colors: {
'white': '#ffffff',
}