White

white is a CSS color keyword. Tailwind uses this color as white.

#ffffffrgb(255, 255, 255)

Hex: #ffffff
RGB: 255, 255, 255
HSL: 0°, 0%, 100%
OKLCH: 100.0% 0.000 0.0
LAB: 100.0 -0.0 0.0

Open #ffffff in the explorer

Text contrast

Black or white text on #ffffff. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text21.0:1 AAAAPCA Lc 106

White text1.0:1 FailAPCA Lc 0

Color vision

How #ffffff looks in simulations of color blindness, at full severity.

Full color
#ffffff

Protanopia
#ffffff

Deuteranopia
#ffffff

Tritanopia
#ffffff

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to white.

50 100200300400500600700800900950

Copy into CSS

color: white;
background: #ffffff;

@theme {
  --color-white-50: #f5f5f5;
  --color-white-100: #e8e8e8;
  --color-white-200: #d1d1d1;
  --color-white-300: #b4b4b4;
  --color-white-400: #989898;
  --color-white-500: #7a7a7a;
  --color-white-600: #606060;
  --color-white-700: #4a4a4a;
  --color-white-800: #353535;
  --color-white-900: #222222;
  --color-white-950: #0d0d0d;
}