All the Colors

Understand. Compare. Create.

Black: 17 shades, names and colour codes

Explore black shades, HTML and RGB codes, colour meanings and ideas for combining black in your projects.

Colour code and CSS reference

The CSS keyword black corresponds to #000000. It represents one specific black shade, not the entire colour family.

HEX
#000000
RGB
0, 0, 0
CMYK ≈
0%, 0%, 0%, 100%
HSL
0°, 0%, 0%

The displayed CMYK values are estimates without a print profile.

Meaning and perception

On screen, sRGB black has three zero channels. In print or paint, its appearance depends on the surface and material. Its meaning can range from elegance to mourning, depending on context.

Which colours go with it?

Black pairs with many colours, but its quantity changes the result dramatically. A black line can simply organise a composition; a large black background becomes a major element itself. Decide between outline, surface and accent before choosing a companion colour.

Black and white: organise the main areas

Think of the pairing in terms of areas rather than scattered details. In a room, a light background with a few black volumes creates a different hierarchy from a mainly black space. For a layout, place headings, images and empty areas first. Closely spaced black-and-white patterns need testing at their actual size.

Black and brown: let texture contribute

Matt black can accompany walnut, cognac leather or chocolate brown. If both colours are dark, introduce a lighter area to separate silhouettes. In clothing, differences in material can be more interesting than additional accessories. In product photography, make sure a brown object does not disappear into the black background.

Black and ochre: choose the focal point

A few ochre accents can punctuate a black-and-ecru base. Start with one location: a seat, graphic shape or important number. Very bright yellow makes the visual contrast more insistent; reduce its area if you want a quieter presence. Yellow does not need to appear everywhere to register.

Pure black, charcoal and black materials

On screen, #000000 describes a specific sRGB black. Black fabric, satin paint and black metal do not therefore have identical appearances. Compare finish as well as hue. For an interface, also try charcoal if pure black feels too abrupt, then measure text contrast against the actual value you select.

Try this palette: charcoal, ecru and cognac

For an initial light composition, try 70% ecru, 20% charcoal and 10% cognac. A dark version can reverse the first two proportions, but boundaries, images and text areas then need reassessing.

Ecru#F0EBE1
Charcoal#262827
Cognac#A56C43

Suggested palette with copyable HEX codes for your own trials. These sRGB previews are not certified paint or textile specifications.

A common trap: losing dark elements against black

On black, a dark-grey border, navy logo or dim photograph can become difficult to distinguish. Test the composition on several screens and in its intended setting. Separate elements by adjusting lightness, spacing or outlines rather than automatically introducing a bright colour.

Shades of black

The names and previews below come from the site’s shade directory. Several codes may share a common name; these shades are not certified RAL or Pantone equivalents.

Black#000000
Raven#000000
Walnut stain#3F2204
Cassis#2C030B
Cassis#3A020D
Dorian black#0B1616
Ebony#000000
Bone black#000000
Black coal#000010
Aniline Black#120D16
Carbon Black#130E0A
Black smoke#130E0A
Jet black#000000
Black ink#000000
Black Ivory#000000
Swarthy#2F1E0E
Licorice#2D241E
30 palettes. Your next idea starts here.

Get the free colour kit: HEX/RGB codes and a project worksheet.

Get my free kit →

Also discover: Casekit — customer support for online shops.