Black Color — HEX, RGB, HSL, Palettes & Contrast

Black (#000000): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#000000
HEX #000000
RGB rgb(0, 0, 0)
HSL 0°, 0%, 0%

Use Black in Your Projects

About Black Color

Black is the darkest color, providing maximum contrast. It is essential for text readability and creates a premium, sophisticated look in designs.

Use Cases for Black

text colordark modepremium brandingcontrast backgrounds

Shades & Tints of Black

#ffffff
#bfbfbf
#808080
#404040
#000000
#000000
#000000
#000000
#000000

Complementary Color

#000000
#000000

Analogous Colors

#000000
#000000
#000000

Triadic Colors

#000000
#000000
#000000

Split Complementary

#000000
#000000
#000000

Tetradic Colors

#000000
#000000
#000000
#000000

CSS Code

.black-color {
  color: #000000;
  background-color: #000000;
}

/* As a CSS custom property */
:root {
  --color-black: #000000;
}

Accessibility Score

55 / 100
Rating: Fair
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Black
Ratio: 1:1 ✗ Fails AA ✗ Fails AAA
White text on Black
Ratio: 21:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is Black?

Black is represented by the hex code #000000 and has RGB values of rgb(0, 0, 0). It falls under the Black category.

How to use Black in web design?

Black works well for text color, dark mode, premium branding. Black is the darkest color, providing maximum contrast. It is essential for text readability and creates a premium, sophisticated look in designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Black?

Colors that pair well with Black include darkgray, dimgray, slategray, darkslategray, midnightblue. For a complementary scheme, try #000000. For an analogous scheme, use #000000 and #000000. For a triadic scheme, combine with #000000 and #000000.