Color code and palette
Black Color
Black is the darkest web color and a dependable choice for high-contrast type, strong silhouettes and restrained luxury palettes. Pure black should be tested carefully on bright screens, where a near-black can sometimes feel softer.
Black
#000000
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Black 50 | #F2F2F2 | 242, 242, 242 | 0, 0%, 95% | ||
| Black 100 | #D9D9D9 | 217, 217, 217 | 0, 0%, 85% | ||
| Black 200 | #BFBFBF | 191, 191, 191 | 0, 0%, 75% | ||
| Black 300 | #A6A6A6 | 166, 166, 166 | 0, 0%, 65% | ||
| Black 400 | #8C8C8C | 140, 140, 140 | 0, 0%, 55% | ||
| Black 500 | #737373 | 115, 115, 115 | 0, 0%, 45% | ||
| Black 600 | #595959 | 89, 89, 89 | 0, 0%, 35% | ||
| Black 700 | #404040 | 64, 64, 64 | 0, 0%, 25% | ||
| Black 800 | #262626 | 38, 38, 38 | 0, 0%, 15% | ||
| Black 900 | #0D0D0D | 13, 13, 13 | 0, 0%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 21.00:1
AAA
Aa Black text 1.00:1
Fail
Ways to use Black
High-contrast text and icons
Luxury and editorial identities
Dark themes and image overlays
Colors that go with Black
Color-wheel harmonies built from #000000. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.