CSS named color

Black

#000000
HEX#000000
RGBrgb(0, 0, 0)
HSLhsl(0, 0%, 0%)
OKLCHoklch(0.00% 0.0000 0.00)
NAMEblack

Palette

Complementary

180° on the color wheel

Analogous

±30° around the base hue

Triadic

±120° for harmonic contrast

Shades

Lighter and darker variants
Lightest
#595959
Lighter
#333333
Base
#000000
Black
Darker
#0D0D0D
Darkest
#050505

CSS usage

By name
color: black;
background-color: black;
By HEX
color: #000000;
background-color: #000000;
By RGB
color: rgb(0, 0, 0);
background-color: rgb(0, 0, 0);
By HSL
color: hsl(0, 0%, 0%);
background-color: hsl(0, 0%, 0%);

WCAG contrast vs white

Aa
21.00:1
AAA

WCAG contrast vs black

Aa
1.00:1
Below minimum

Related colors

FAQ — Black

What is the HEX code for Black?

The HEX code for Black is #000000. It's one of the 148 named CSS colors and can be used directly in CSS as color: black; or color: #000000;

What is Black in RGB?

Black in RGB is rgb(0, 0, 0) — red 0, green 0, blue 0.

What is Black in HSL?

Black in HSL is hsl(0, 0%, 0%) — hue 0°, saturation 0%, lightness 0%.

What is the complementary color of Black?

The complementary color (directly opposite Black on the color wheel) is #000000. The two together produce maximum contrast.

Is white text readable on Black?

The WCAG contrast ratio against white (#FFFFFF) is 21.00:1, and against black (#000000) it's 1.00:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.

← All colors & converter