Black Color

Black — The Color of Elegance and Authority

#000000Black

Color Values

HEX#000000

RGBrgb(0, 0, 0)

HSLhsl(0°, 0%, 0%)

CSSblack

Shade Palette

100

#1A1A1A

200

#333333

300

#4D4D4D

400

#666666

500

#808080

600

#999999

Complementary Color

↔

#FFFFFF

White

Analogous Colors

#1A1A1A

Dark Charcoal

#333333

Jet Black

CSS Usage

CSS

/* By name */
color: black;
background-color: black;

/* By HEX */
color: #000000;
background-color: #000000;

/* By RGB */
color: rgb(0, 0, 0);

/* By HSL */
color: hsl(0deg, 0%, 0%);

/* With opacity */
color: rgba(0, 0, 0, 0.8);
color: hsl(0deg 0% 0% / 80%);

Pure black (#000000) on pure white can cause excessive contrast and eye strain during extended reading. In dark themes, use off-black (#0D0D0D–#1A1A1A) as background and off-white (#F5F5F5) as text to reduce harshness.

Black (#000000) absorbs all visible light and provides the maximum contrast ratio (21:1) against white, making it ideal for body text readability. It symbolizes sophistication, luxury, authority, and minimalism, and serves as the foundation for dark-theme UIs. While pure #000000 offers maximum contrast, slightly lighter off-blacks like #0D0D0D or #1A1A1A reduce eye strain in dark themes and feel more natural on modern displays.