neutralneutralCSS named color

White #FFFFFF

The lightest possible color; a blank canvas used for backgrounds, negative space and text on dark surfaces.

Use cases: Backgrounds · Negative space · Text on dark UI

Open in generator →Colors that go with White →

Color values

FormatValue
HEX#FFFFFF
RGBrgb(255, 255, 255)
HSLhsl(0, 0%, 100%)
HSVhsv(0, 0%, 100%)
OKLCHoklch(100% 0 0)
OKLaboklab(100% 0 0)
CMYKcmyk(0%, 0%, 0%, 0%)
XYZxyz(95.047, 100, 108.883)
CIE-LABlab(100.0, 0.0, 0.0)
CIE-LCHlch(100.0, 0.0, 0.0°)
Luminance1.000 (WCAG relative)
/* White */ --white: #ffffff; color: #ffffff; background-color: #ffffff;

Source: W3C CSS named color. CSS keyword: white.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e2e2e2 #c6c6c6 #ababab #919191 #777777 #5e5e5e #474747 #303030 #1b1b1b #000000

Tints (toward white)

#ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff

Tones (toward gray)

#ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff #ffffff

Color harmonies

Complementary

Edit in generator →
#FFFFFF
#FFFFFF
#ffffff #ffffff

Analogous

Edit in generator →
#FFFFFF
#FFFFFF
#FFFFFF
#ffffff #ffffff #ffffff

Triadic

Edit in generator →
#FFFFFF
#FFFFFF
#FFFFFF
#ffffff #ffffff #ffffff

Tetradic

Edit in generator →
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#ffffff #ffffff #ffffff #ffffff

Square

Edit in generator →
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
#ffffff #ffffff #ffffff #ffffff

Split Complementary

Edit in generator →
#FFFFFF
#FFFFFF
#FFFFFF
#ffffff #ffffff #ffffff

Monochromatic

Edit in generator →
#C2C2C2
#E0E0E0
#F0F0F0
#F0F0F0
#F0F0F0
#c2c2c2 #e0e0e0 #f0f0f0 #f0f0f0 #f0f0f0

Accessibility & contrast

1.00
#FFFFFF on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
21.00
#FFFFFF on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on White

21.00
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#FFFFFF
Deuteranopia (green-blind)
#FFFFFF
Tritanopia (blue-blind)
#FFFFFF

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Pale Grey #FDFDFE0.66
Off White #FAF9F61.94
Whitesmoke #F5F5F52.01
Snow #FFFAFA2.54
Ghostwhite #F8F8FF3.76
Aliceblue #F0F8FF4.57

Combinations with White

Palettes with White

Gradients using White

Colors that go with White

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Espresso #4B382A
11.1:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Dark Brown #341C02
16.0:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Forest Green #2D5A27
8.1:1
Triadic harmony (Δh ≈113°) — balanced three-way contrast
Charcoal #36454F
9.9:1
Split-complementary angle (Δh ≈156°) — strong but softer than direct complement
8.9:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.

White Color — #FFFFFF — Tintiva