ع

Black

أسود

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.0000
Black & Near-black CSS Named ColorsWeb & UI ColorsNeutral ColorsFashion Colors Neutral

Shades of Black

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text21.00:1
✓ AA✓ AAA✓ AA Large
Black text1.00:1
✗ AA✗ AAA✗ AA Large
On white21.00:1
✓ AA✓ AAA✓ AA Large
On black1.11:1
✗ AA✗ AAA✗ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Black

Full-color background with readable text.

Get started

About Black

Black (#000000) is a very dark, nearly neutral color from the Black family with a neutral character. It is made of 0 red, 0 green and 0 blue (hsl(0, 0%, 0%)). Its contrast ratio is 21.00:1 against white and 1.00:1 against black, so white text reads best on it.

Suggested uses

  • text and headings
  • dark mode surfaces and elegant accents
  • balancing stronger accent colors

Reading the codes

In HEX, #000000 stores red, green and blue as pairs of base-16 digits: 0, 0 and 0 out of 255. In HSL the same color has a hue of 0°, 0% saturation and 0% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#0A0A0AJet Black#121212Dark Mode Gray#010B13Rich Black#1A1110Licorice#1B1B1FInk Black#222222Soft Black#0F172AMidnight Slate#2A3439Gunmetal#353839Onyx#3D2B1FBistre

Palettes with this color

Modern Consulting#14213D #FCA311 #E5E5E5 #FFFFFF #000000Black and Gold#0B0B0C #1E1E20 #3A3631 #B08D57 #E8D5A6Paper and Ink#FAFAF7 #E8E6E1 #9A968E #3A3935 #111111Accessible Contrast#FFFFFF #1A1A1A #0050B3 #B00020 #00703C

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Black?
The HEX code of Black is #000000. In RGB it is rgb(0, 0, 0) and in HSL hsl(0, 0%, 0%).
Which text color works on Black?
White text has a contrast ratio of 21.00:1 on Black and black text 1.00:1, so white text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Black?
Rotating the hue of Black by 180° gives #000000, its complementary color on the RGB color wheel.
What is Black in CMYK?
An approximate CMYK value for Black is cmyk(0%, 0%, 0%, 100%). For printing, ask your printer for an ICC-profiled conversion.