Black Shades
Every named color in the black family, with computed conversions and contrast data — membership derived by computed hue, not a hand-maintained list. 3 colors shown below.
Quick facts (computed from this family's 3 members)
- Average lightness: 3%
- Average saturation: 43%
- 3 of 3 pass WCAG AA as normal text on white
- 0 of 3 pass WCAG AA as normal text on black
- Lightest named member: very dark brown
- Darkest named member: Black
- Most saturated member: very dark brown
The color science
Black is the absence of reflected light — in additive (screen/RGB) color it's simply 0% red, green, and blue, while in subtractive (print/pigment) systems true black requires either a dedicated black ink or a full-strength mix of cyan, magenta, and yellow, since CMY inks alone rarely produce a deep enough black on their own (hence the 'K' in CMYK, added specifically to fix this printing limitation). 'Rich black' in print design layers a small amount of CMY under a K black specifically to deepen it beyond what pure K ink achieves alone on the page. Materials science has its own genuinely extreme end of this story: Vantablack, developed in the 2010s, absorbs over 99.9% of visible light through a forest of vertically aligned carbon nanotubes rather than a pigment at all, making surfaces coated in it look like a flat, featureless void rather than a dark object with visible texture — a physically different mechanism for producing 'black' entirely from any ink or screen-pixel approach. Astronomers rely on a related but distinct idea, the 'black body,' as a theoretical object that absorbs all incident radiation without reflecting any — a physics abstraction used to model stellar radiation that has nothing to do with visual blackness on Earth but shares the same underlying concept of total absorption that everyday black pigments and coatings only approximate imperfectly. Space itself appears black to the human eye not because it's literally empty of light but because visible starlight is so sparse and distant across the vast majority of any given field of view that the eye simply doesn't register enough photons to perceive anything other than darkness — a genuinely different mechanism from an absorbing black surface here on Earth.
Common uses in design
Black text on light backgrounds is the highest-contrast, most legible combination available and remains the default body-text color in the overwhelming majority of reading interfaces for that reason; pure black backgrounds, by contrast, are less common in production UI than very-dark-grays, since pure black next to bright accent colors can produce a harsh 'halation' effect at high screen brightness that some viewers find uncomfortable. In fashion and luxury branding, black has functioned as a genuinely distinct 'safe, sophisticated default' for over a century — Chanel's 'little black dress,' popularized in the 1920s, is frequently credited with cementing black's shift from a color primarily associated with mourning in Western dress to one associated with elegance and versatility instead, a documented cultural turning point rather than a gradual, untraceable drift. Black also functions as the default 'unstyled' state in many technical contexts — an unstyled HTML document's default text color is black, and a missing or unset color value in many graphics and print contexts falls back to black by convention, which is part of why it carries a slightly different, more utilitarian connotation in software and print production than its glamour associations in fashion. Formal Western mourning dress traditions, predating the fashion-elegance association by centuries, are the older of black's two major Western cultural meanings — Queen Victoria's decades-long mourning wardrobe after Prince Albert's 1861 death is often cited as having reinforced, though not originated, the Victorian-era convention of black as the color of grief.
Accessibility notes
Pure black (#000000) on pure white (#FFFFFF) gives the maximum possible WCAG contrast ratio, 21:1 — comfortably clearing every AA and AAA threshold — but many accessibility and typography guides actually recommend against pure black body text on pure white for extended reading, since the extreme contrast can cause eye strain over long sessions; a very dark gray (around #1A1A1A) is a common, genuinely more comfortable compromise. On OLED and other emissive displays, true black pixels are actually switched off entirely rather than merely dimmed, which is part of why pure-black dark-mode interfaces can look especially crisp on modern phone screens but also why a bright element placed directly against that true-black background can feel more visually jarring than the equivalent contrast on an older LCD panel, where the 'black' backlight was never fully off to begin with. This is also why some accessibility guidance for photosensitive users specifically recommends against pure-black, high-contrast dark mode on OLED screens in favor of a dark gray surface, since the harder on/off pixel transition at true black edges can be more perceptually jarring for light-sensitive viewers than a softer dark-gray equivalent. Testing a dark-mode interface's actual near-black value on more than one display technology (OLED and LCD both, if possible) before shipping is a genuinely useful practical step, since the two panel types render the identical hex value with noticeably different perceived depth and glow characteristics.
Named examples
Black is a directly named CSS/X11 color (#000000); this hub groups it with its very-near-black neighbors rather than pure hue relatives, since 'black shades' are properly a lightness family, not a hue family, unlike every other hub on this site. Named near-blacks elsewhere in the CSS set (like DarkSlateGray) sit deliberately just above pure black in lightness specifically so they read as 'very dark' rather than 'pure void black' on screen, a distinction that matters more in practice than the small numeric lightness gap might suggest. Ivory black and lamp black are two historically distinct pigment sources for artists' black paint — one traditionally derived from charring bone, the other from soot — each with a subtly different undertone (ivory black leans slightly warm, lamp black slightly cool-blue) that a flat digital #000000 swatch collapses into a single value with no such distinction available. Onyx and jet, both real materials long used in jewelry and mourning ornamentation, further extend this vocabulary of named, physically distinct blacks well beyond what a single '#000000' hex keyword can represent.
Building a black design-token scale
Most modern design systems avoid pure #000000 as a design token entirely, preferring a near-black (commonly somewhere between #0A0A0A and #1A1A1A, sometimes with a faint hue cast matching the brand color) for both text and dark-mode surfaces — pure black next to a bright white surface produces the harshest possible contrast edge, which some accessibility and typography guidance flags as fatiguing over long reading sessions, and pure black dark-mode backgrounds can make bright accent colors 'glow' uncomfortably on OLED displays at high brightness settings. A near-black with a faint cast toward a brand's primary hue (a very dark navy instead of a truly neutral near-black, for instance) is an increasingly common design-system choice specifically because it makes an entire dark-mode palette feel more deliberately designed than a generic, hue-less near-black would on its own. Because so many separate elements in a typical interface (body text, icons, borders, overlays) all reach for 'black' independently, auditing an existing codebase for how many slightly different near-black values have accumulated over time is a common and often revealing first step before consolidating onto a single deliberate near-black token. Once consolidated, documenting the reasoning behind the chosen near-black value (why not pure #000000) in the design system's own documentation helps prevent a future contributor from 'fixing' it back to pure black without understanding the deliberate tradeoff involved.