Black

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

#000000rgb(0, 0, 0)
Hex
#000000
RGB
0, 0, 0
HSL
0°, 0%, 0%
OKLCH
0.0% 0.000 0.0
LAB
0.0 0.0 0.0

Open #000000 in the explorer

Text contrast

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

Black text1.0:1 FailAPCA Lc 0
White text21.0:1 AAAAPCA Lc -108

Color vision

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

Full color
#000000
Protanopia
#000000
Deuteranopia
#000000
Tritanopia
#000000

Tonal scale

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

Copy into CSS

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