Color meaning

Charcoal

Introducing Charcoal (#2B2B2B), a deep, near-neutral gray with a quiet, matte weight. Its softened darkness makes it the everyday workhorse for storefront type and chrome, giving headers, navigation, and body copy a modern, less severe feel than pure black. That restraint suits minimal, premium, and tech-leaning stores.

#2B2B2BHSL 0, 0%, 17%

Charcoal code conversions

HEX
#2B2B2B
RGB
rgb(43, 43, 43)
HSL
hsl(0, 0%, 17%)
HSB
hsb(0, 0%, 17%)
CMYK
cmyk(0%, 0%, 0%, 83%)

Charcoal color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Charcoal contrast

Your catchy large text

Small body copy sitting on Charcoal.

14.16:1White textAA passAAA pass

Your catchy large text

Small body copy sitting on Charcoal.

1.33:1Black textAA failAAA fail

Charcoal color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Charcoal

Matched by color distance against real palettes extracted from live storefronts.

Faherty
#242523
Rothy's
#252426
Gymshark
#242221
Reebok
#222220
Allbirds
#222121
Puma
#1a1a1a
Brooklinen
#0c0807
Vineyard Vines
#082041

Related neutral colors

Slate GrayCreamOff WhiteJet Black

Charcoal: frequently asked

What color is Charcoal?

Charcoal (#2B2B2B) is a very dark neutral gray, close to black but with visible softness. In e-commerce interfaces it reads as the default ink for text and UI structure, sitting between jet black and mid gray.

What is the meaning of Charcoal?

Charcoal signals sophistication, steadiness, and modern restraint. Brands reach for it when they want customers to feel a calm, premium confidence while browsing, avoiding the harshness of true black.

How do I use Charcoal (#2B2B2B) in e-commerce design?

Use Charcoal for body type, headings, icons, and dark UI surfaces, where it delivers strong contrast on white without the glare of pure black. Pair it with off-white backgrounds for comfortable reading across long product and checkout pages.

Using Charcoal color codes

Copy Charcoal (#2B2B2B) in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, mobile app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP