white · muted · pale

#ffffffWhiteWhite is a muted white — complete hex color profile

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',
}

Frequently asked questions about #ffffff

Explore named white colors