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
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.
Color vision
How #000000 looks in simulations of color blindness, at full severity.
#000000
#000000
#000000
#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;
}