#000000
black
#000000 is the CSS named color "black", an exact match. In RGB it breaks down to red 0, green 0, and blue 0 out of 255 each. In HSL terms that's a hue of 0°, 0% saturation, and 0% lightness: quite dark, close to black — it works well as body text on a light background or as a near-black UI surface.
Every format
| HEX | #000000 |
| RGB | rgb(0, 0, 0) |
| HSL | hsl(0° 0% 0%) |
| HSB | hsb(0° 0% 0%) |
| OKLCH | oklch(0% 0.000 0°) |
| OKLAB | oklab(0% 0.000 0.000) |
| LCH | lch(0% 0.0 0°) |
| CMYK | cmyk(0% 0% 0% 100%) |
Shades (darker)
#000000 · #000000 · #000000 · #000000 · #000000
Tints (lighter)
#000000 · #030303 · #161616 · #2e2e2e · #484848
Shades mix #000000 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 21.00:1 — AAA
On black: 1.00:1 — fails
Frequently asked
- What is #000000 in RGB?
- #000000 is rgb(0, 0, 0) — red 0, green 0, blue 0 out of 255 each.
- Does #000000 pass WCAG contrast on a white background?
- It has a contrast ratio of 21.00:1 against white, which passes WCAG AAA for normal text.
- What's a good background color to pair with #000000?
- White text or a white background gives better contrast (21.00:1) than black (1.00:1).