Black Color

Learn about Black (#000000): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

.black-color {
  color: #000000;
}

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, charcoal, ebony. For a complementary scheme, try #000000. For an analogous scheme, use #000000 and #000000.