Black

#000000

What color is Black?

Black is a color with no visible light, the deepest possible shade, shown as #000000 in digital color. It has a flat, absorbing quality with no hue or undertone. A piece of obsidian stone is a familiar match.

What is the meaning of the color Black?

Ancient Egyptians used black ink made from carbon soot as early as 3200 BCE, one of the earliest recorded uses of the color as a pigment. In medieval Europe, black dyes were costly to produce and were worn by wealthy merchants and clergy to signal authority. By the 19th century, black became the standard color of formal mourning in Britain following Queen Victoria’s decades-long observance after Prince Albert’s death in 1861. Coco Chanel’s 1926 introduction of the little black dress in American Vogue established black as a staple of modern fashion.

RGB
0, 0, 0
HSL
0°, 0%, 0%
CMYK
0, 0, 0, 100
HSV
0°, 0%, 0%
Black color

What colors go with Black?

Colors that pair well with Black include:
White: crisp, high contrast
Gold: rich, warm accent
Red: bold, striking depth
Silver: sleek, cool balance
Navy: subtle, layered tone

Similar Colors

Conversions & Codes

Format Value CSS
HEX #000000 color: #000000;
RGB 0, 0, 0 color: rgb(0, 0, 0);
RGB Percentage 0%, 0%, 0% color: rgb(0%, 0%, 0%);
CMYK 0%, 0%, 0%, 100% Not supported in CSS
HSL 0°, 0%, 0% color: hsl(0, 0%, 0%);
HSV 0°, 0%, 0% Not supported in CSS
CIE-LAB 0, 0, 0 color: lab(0% 0 0);
Decimal 0 Not supported in CSS

Color Variations

Shades

#000000
#000000
#000000
#000000
#000000
#000000
#000000
#000000

Tints

#B3B3B3
#999999
#808080
#666666
#4D4D4D
#333333
#1A1A1A
#000000

Tones

#000000
#000000
#000000
#000000
#000000
#000000
#000000
#000000

Hues

#000000
#000000
#000000
#000000
#000000
#000000
#000000
#000000

Color Harmonies

Analogous

#000000
Click to copy
100%
#000000
Click to copy
100%
#000000
Click to copy
100%

Complementary

#000000
Click to copy
100%
#000000
Click to copy
100%

Split Complementary

#000000
Click to copy
100%
#000000
Click to copy
100%
#000000
Click to copy
100%

Triadic

#000000
Click to copy
100%
#000000
Click to copy
100%
#000000
Click to copy
100%

Tetradic

#000000
Click to copy
100%
#000000
Click to copy
100%
#000000
Click to copy
100%
#000000
Click to copy
100%

Square

#000000
Click to copy
100%
#000000
Click to copy
100%
#000000
Click to copy
100%
#000000
Click to copy
100%

CSS & Dev Snippets

CSS
.black {
  color: #000000;
}
SCSS
$black: #000000;
RGB
rgb(0, 0, 0)

Accessibility & Contrast

White background

21.00:1
21.00
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.00:1
1.00
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags