CSS Color: Black
Named CSS color Black — #000000 in HEX, rgb(0, 0, 0) in RGB, hsl(0, 0%, 0%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | Black | color: Black; |
| HEX | #000000 | color: #000000; |
| RGB | rgb(0, 0, 0) | color: rgb(0, 0, 0); |
| HSL | hsl(0, 0%, 0%) | color: hsl(0, 0%, 0%); |
About Black
Black is the complete absence of light in the RGB model, with all channels at zero. At hex `#000000`, it has 0% lightness with no hue or saturation.
In web design, Black is the default text color in most browsers and the most common choice for body text. It provides maximum readability on white backgrounds (21:1 contrast). Pure black is also used for dark mode backgrounds, though many designers prefer slightly lighter shades like `#0a0a0b` or `#1a1a1a` to reduce the harshness of pure black.
For accessibility, Black on White is the gold standard with 21:1 contrast. However, pure black backgrounds with pure white text can cause halation (bright text appearing to glow) for some users. This is why many dark mode designs use dark gray instead of pure black.
Black pairs with everything and is the foundation of most color schemes. In dark mode designs, consider using near-blacks (`#111111`, `#0a0a0b`) for backgrounds and reserving pure black for text and borders. In Tailwind CSS, `black` is a built-in color.
FAQ
What is the hex code for Black?
The CSS named color Black has the hex code #000000. You can use it in CSS as color: #000000; or simply color: Black;.
What is Black in RGB?
In RGB notation, Black is rgb(0, 0, 0). Use it in CSS as color: rgb(0, 0, 0);.
What is Black in HSL?
In HSL notation, Black is hsl(0, 0%, 0%). Use it in CSS as color: hsl(0, 0%, 0%);.
What color category is Black?
Black belongs to the White/Black color family in the CSS named colors specification.
Can I use the name "Black" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: Black; or background-color: Black; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert Black to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →