Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Guides/Color meanings/Black

Black color meaning: symbolism, psychology and how to use it

#000000

oklch(0 0 0)

What black symbolizes

Black is the absence of light, and the associations that grow from that are strong and double-edged. On the positive side it stands for elegance, sophistication, authority, strength and luxury: the little black dress, the black tie, the black car. On the negative side it is the colour of death and mourning in much of the West, of evil and fear in idioms such as "black mark" and "blacklist", and of emptiness or depression. Few colours are both so formal and so rebellious.

In practice black is the colour that makes other colours work. Text is set in it, outlines are drawn with it, and it is the stage on which light colours glow. In design terms it is less a hue than a tool, which is why this guide, like the colour data on this site, treats black as part of the neutral (gray) family while giving it its own page.

Black color psychology: what the research says

Black's psychological reputation is mostly cultural rather than experimental. One much-quoted study of professional American football and ice hockey teams found that teams wearing black uniforms were penalised more often than others, and the authors suggested that black triggered perceptions of aggression in referees and players. The finding is interesting, but its interpretation has been debated, and it should be treated as suggestive, not as a rule that black makes people aggressive.

What is easier to defend is the perceptual effect. Black is the extreme of low lightness, so it creates the strongest possible contrast with light colours, and it makes surrounding colours look more saturated by comparison. That is why black backgrounds make photos and product images pop, and why high-end brands use black as a stage for a single bright element.

Black also gives a feeling of weight and depth. Dark interfaces can feel immersive and focused, which is why cinema, gaming and photography tools often favour them. At the same time very large black areas can feel heavy, oppressive or cold, particularly when combined with small text. As with every colour, the audience and the setting decide how it is read.

Cultural meanings of black

  • Western countries. Mourning and funerals, formal evening wear, authority (judges' robes, uniforms), luxury and elegance. Also associated with evil, danger and the unknown in idioms and fiction.
  • Ancient Egypt. Black was a positive colour tied to fertile soil and rebirth: Egypt was called Kemet, "the black land", after the dark silt left by the Nile flood.
  • Japan. Black is used for formal kimono and for mourning, and also has a long aesthetic tradition in ink painting and lacquerware.
  • India. Black is often avoided at auspicious occasions such as weddings, though small black marks are applied to babies and children to ward off the evil eye.
  • China. In traditional five-element thinking, black is connected with water and the north, and it has both neutral and formal uses; it is not as strongly tied to mourning as it is in the West, where white is more traditional for funerals.

Black in branding and marketing

Black is the colour of premium positioning. Chanel, Nike's swoosh and many fashion, watch, car and technology brands use black to communicate sophistication, confidence and simplicity. Because it works with almost every other colour and on every material, it is also the safest choice for a logo that must appear on packaging, signage and embroidery.

A black-and-white identity depends on other qualities to stand out: typography, proportion, photography and space. It can also read as unemotional or cold, so some brands bring in a single bright accent. When a mark must work in one ink only, black is the standard version that every brand needs to have regardless of its main colour.

Black is less common for children's, health and wellness brands, which tend to prefer lighter colours. In food it can signal premium or artisanal (black packaging for chocolate, coffee and spirits) but may feel heavy for fresh products.

Black in UI and web design

Pure black #000000 has the maximum possible contrast with white (21:1) and none with itself. For text, that is more than needed: many designers prefer a very dark grey or a dark warm or cool tone instead, which reduces the harshness of black on white while still passing AAA comfortably. A body text colour with OKLCH lightness around 0.2 to 0.3 is a typical choice.

In dark mode, pure black is a deliberate decision rather than a default. On OLED screens it saves power and gives infinite contrast, but large pure-black areas next to bright text can cause a halation effect, and scrolling content may show smearing on some panels. Many systems therefore use a dark grey, such as OKLCH lightness 0.15 to 0.25, for surfaces, and reserve pure black for the deepest layer or for video. Elevated surfaces are then lighter, rather than shadowed.

Because black has no hue, it can be tinted. Adding a small amount of chroma (for example 0.01 to 0.02) at your brand hue gives a "black" that fits the palette and avoids looking dead beside coloured elements. Check the tint at small chroma values: they are easy to push out of gamut near black, and colour banding in gradients is more visible in dark areas.

Black hex code and color values

HEX
#000000
RGB
rgb(0 0 0)
HSL
hsl(0 0% 0%)
OKLCH
oklch(0 0 0)

This is the standard CSS value for black. See the full set of conversions, tints, shades and harmonies on its #000000 color page.

CSS custom property

:root {
  --color-black: #000000; /* fallback */
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-black: oklch(0 0 0);
  }
}

Shades and tones of black

Near-black shades include charcoal, jet, onyx, ebony and coal, and they differ mostly in their tint. A blue-tinted black (midnight, ink) feels cool, technical and calm. A warm black (espresso, soot) feels softer and more organic. A neutral black feels graphic and uncompromising.

Between black and mid grey there is a long ladder of dark neutrals, usually the first steps of a design system's grey scale. Their emotional range runs from sombre at the dark end to refined and quiet in the middle. Printing adds another distinction: rich black, built from several inks, is deeper than the single-ink black used for text. In screens the nearest equivalent is the difference between a true black pixel and a very dark grey surface.

Popular named shades, light to dark

  • 2E2F30

    Coated

  • 372B2C

    Ganache

  • 322C2B

    Diesel

  • 312B27

    Noir

  • 2D2D24

    Karaka

  • 2B2C30

    Caviar

  • 2C2A35

    Haiti

  • 292C2F

    Bunker

  • 29292F

    Jaguar

  • 242A2E

    Cinder

  • 2A2922

    Maire

  • 252525

    Nero

  • 2B2028

    Shikon

  • 1B2431

    Dark

  • 212121

    Lead

  • 211E1F

    Umbra

  • 141414

    Sooty

  • 111122

    Corbeau

  • 130A06

    Asphalt

  • 0F0B0A

    Stout

  • 0B0B0B

    Raven

  • 070303

    Pupil

  • 020308

    Ninja

  • 000000

    Black

The colour library has 9,677 named colours in the gray (neutral) family (black and white belong to it as the extremes of the neutral range). Browse all gray colors.

Contrast and accessibility

Black (#000000) has a WCAG contrast ratio of 21.00:1 against white and 1.00:1 against black. Normal-size text needs 4.5:1 for level AA and 3:1 is enough for large text and UI components.

  • Black on white
  • Black white text on it

Test any other combination in the contrast checker.

Black color palettes

  • Muted Freshly Roasted Coffee SystemTrending · Yellow
  • Steady Bleu Ciel EmberTrending · Blue
  • Classic Morocco AtelierTrending · Orange
  • Imperial Lilac AtelierTrending · Pink
  • Pure Flying Carpet QuartzTrending · Pink
  • Shipwreck BeaconTrending · Green

See all 1,967 gray palettes.

Colors that go with black

Black has no hue, so it pairs with almost everything, and the choice is about lightness and chroma. The strongest partners are the lightest or most luminous colours. White gives the greatest possible contrast and a classic graphic look. Yellow with black is the most legible combination for warning and signage. Gold on black is the standard for luxury, and red on black is dramatic and forceful.

Neon colours such as cyan, magenta and lime glow on black, which is why they are used in gaming and nightlife visuals. Black with pastel colours gives a modern, high-fashion contrast. Black with grey is quiet and architectural. Black with deep colours such as navy or forest green is subtle and rarely works unless the lightness differs enough to be visible.

  • White color meaning
  • Yellow color meaning
  • Red color meaning
  • Cyan color meaning
  • Gray color meaning

Frequently asked questions

What does the color black symbolize?
Black stands for power, elegance, sophistication and mystery, and also for death, mourning and evil in many Western contexts. In ancient Egypt it was linked with fertility and rebirth.
What is the hex code for black?
Black is #000000: rgb(0 0 0), hsl(0 0% 0%) and oklch(0 0 0). Many designs use a very dark grey instead, such as #111111, to soften contrast.
Is black a good color for a logo?
Yes. It signals sophistication and works on almost any background and material. A black logo also serves as the one-colour version every brand needs.
Should I use pure black for dark mode?
Often a dark grey is a better surface colour, with pure black reserved for the deepest layer. Pure black can save power on OLED screens, but it can cause a harsh contrast with bright text.
Is black a color?
In everyday and design use, yes. In physics, black is the absence of visible light, and in pigments it is produced by absorbing most wavelengths.

More color meanings

  • All color meanings
  • Red
  • Orange
  • Yellow
  • Green
  • Teal
  • Cyan
  • Blue
  • Purple
  • Pink
  • Brown
  • White
  • Gray

Try Colorise Pro

Free OKLCH tools for palettes, contrast and design tokens.

  • Color library
  • 10,000+ palettes
  • OKLCH picker
  • Contrast checker
  • All guides
  • OKLCH vs HSL
  • Color Studio
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA