Skip to content
ColorDB.org
Menu
Color Detail

Black

Black gives layouts weight and structure. It is useful for high-contrast text, luxury cues, and restrained minimal systems.

Neutrals

#111111

neutraltextluxurycontrast

Color values

Hex
#111111
RGB
rgb(17, 17, 17)
HSL
hsl(0, 0%, 7%)

Overview

Black is a neutral color with the hex value #111111. It often functions as a structural anchor for typography, premium branding, dark UI, and high-contrast layouts.

In practice, near-black is often more flexible than pure black because it keeps strong contrast without feeling as harsh.

Symbolism and context

Black can suggest strength, luxury, restraint, seriousness, or dramatic contrast depending on the rest of the system.

In interfaces, black and near-black usually say more about structure and emphasis than mood alone.

Common design uses

  • • body text and headings
  • • dark mode backgrounds
  • • luxury or editorial branding
  • • borders, anchors, and high-contrast accents
  • • chart baselines and strong UI emphasis

Pairing guidance

Black pairs with almost any accent color, but the surrounding neutral temperatures still matter.

Use soft off-whites or muted grays to reduce harshness while keeping strong readability.

If black is carrying large surfaces, introduce quieter neutrals so the layout does not become flat or severe.

Accessibility notes

Near-black usually offers strong readability on light surfaces, but dark mode pairings still need testing for muted text, borders, and secondary content.

Very high contrast is not automatically the best reading experience in every layout, especially when the rest of the system lacks softer neutrals.

Check this color in the contrast checker

Related colors

White#FFFFFFGray#6B7280

Related tools

Convert this colorTranslate the same color into HEX, RGB, HSL, or HSV.Check contrastTest text, buttons, and surfaces before using the color in UI.Generate shades and tintsBuild lighter and darker variants for surfaces, hover states, and text.Build a paletteSee how this color behaves once it becomes part of a broader system.

Explore this family

Family pages help compare colors that share a broader visual role, making it easier to move from one isolated swatch to a more usable palette direction.

Browse Neutrals

Keep learning

FAQ

Questions people usually ask next

What is the hex value of Black?

The hex value is #111111.

What family does Black belong to?

Black belongs to the neutrals family in ColorDB.

Is Black good for text?

It depends on the background. Test the exact contrast pair before using it for text or small UI labels.

What colors pair well with Black?

Good pairings depend on the intended mood. Neutrals are usually a safe starting point, and related colors from the same family can create a smoother palette.

Can I use Black in CSS?

Yes. You can use its HEX, RGB, or HSL value in CSS.