Charcoal vs Jet Black: What's the Difference?

The main difference between Charcoal and Jet Black is hue — Charcoal is a cool blue, while Jet Black is a neutral near-black. Charcoal and Jet Black are often confused but have distinct differences in hue, saturation, and tone. Charcoal (#36454F) and Jet Black (#0A0A0A) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Charcoal#36454F

Jet Black#0A0A0A

#36454FBlended: #20282D#0A0A0A

ShareSave to Pinterest Tweet

Charcoal vs Jet Black: Key Differences at a Glance

Aspect Charcoal Jet Black

BrightnessDark (L=26%) — rich, serious, substantialVery dark (L=4%) — deep, heavy, grounded

SaturationMuted (S=19%) — subdued, sophisticatedNear-neutral (S=0%) — desaturated and restrained

Hue familyBlueNear-black

TemperatureCoolNeutral

Hex code#36454F#0A0A0A

RGB54, 69, 7910, 10, 10

Can you use Charcoal and Jet Black together?

Jet Black text on Charcoal

Charcoal text on Jet Black

Contrast Ratio:2.00:1Insufficient Contrast

How to Tell Charcoal and Jet Black Apart

●Look at lightness first: Charcoal is noticeably lighter.
●Check saturation: Charcoal looks more vivid and saturated.
●Watch the undertone: the hue shifts 204° between them, which changes the perceived temperature.
●Compare them on a white background to see true saturation, and on black to see true lightness.

Charcoal or Jet Black: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

◆Branding & logos

PickCharcoal

Charcoal is more saturated (19% HSL vs 0%) so it reads as bolder and more memorable at logo scale, while Jet Black can feel washed out when printed small.

▢Web UI & body text backgrounds

PickJet Black

Jet Black hits a 19.80:1 WCAG contrast against white — safer for text-heavy interfaces — where Charcoal only reaches 9.90:1 and risks failing AA at small body sizes.

⬡Fashion & apparel

PickCharcoal

Charcoal is a cool-leaning tone that flatters spring/summer collections and warmer skin undertones, while Jet Black leans cooler and is better suited to autumn/winter layering.

▣Interior design & walls

PickJet Black

Jet Black is the more muted of the two (0% saturation) and sits more calmly on large wall surfaces, while Charcoal's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Charcoal vs Jet Black in Design

Use Charcoal for:

●Tech and corporate trust

●Finance and banking brands

●Links and primary buttons

●Medical and professional UI

●Calm dependable visuals

Use Jet Black for:

●Typography and strong contrast

●Luxury and premium goods

●Editorial headers and titles

●Dark-mode backgrounds

●Bold modern UI accents

Charcoal and Jet Black Hex Codes, RGB & HSL

Charcoal#36454F

Charcoal (#36454F) is a dark, muted blue with a cool undertone — it feels rich, serious, substantial and subdued, sophisticated.

HEX

RGB

HSL

HSV

CMYK

PANTONE

Shades

Tints

Jet Black#0A0A0A

Jet Black (#0A0A0A) is a very dark, near-neutral near-black with a neutral undertone — it feels deep, heavy, grounded and desaturated and restrained.

HEX

RGB

HSL

HSV

CMYK

PANTONE

Shades

Tints

Charcoal and Jet Black WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview

Charcoal text on white

9.9:1AAA

Sample text preview

Charcoal text on black

2.12:1Fail

Sample text preview

Jet Black text on white

19.8:1AAA

Sample text preview

Jet Black text on black

1.06:1Fail

Sample text preview

Charcoal text on Jet Black

2:1Fail

Sample text preview

Jet Black text on Charcoal

2:1Fail

Explore Charcoal and Jet Black individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Charcoal color page#36454F · shades, tints, pairings

More Charcoal and Jet Black Comparisons

Charcoal vs Jet Black FAQ

What is the difference between charcoal and jet black?+

The main difference between Charcoal and Jet Black is hue — Charcoal is a cool blue, while Jet Black is a neutral near-black. Charcoal and Jet Black are often confused but have distinct differences in hue, saturation, and tone. Charcoal (#36454F) and Jet Black (#0A0A0A) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Is charcoal darker than jet black?+

No. Jet Black is the darker of the two at 4% lightness, while Charcoal sits higher at 26%.

Are charcoal and jet black the same color?+

No. Charcoal is #36454F and Jet Black is #0A0A0A. They differ by 156° in hue, 22% in lightness, and 19% in saturation.

Which is more saturated, charcoal or jet black?+

Charcoal is more saturated. In HSL, Charcoal has 19% saturation and Jet Black has 0% — Charcoal is the more vivid of the two, while Jet Black reads as more muted.

Is charcoal warm or cool?+

Charcoal (#36454F) is a cool blue. Its hue sits at 204° on the color wheel, which places it in the cool range.

Is jet black warm or cool?+

Jet Black (#0A0A0A) is a neutral near-black. Its hue sits at 0° on the color wheel, which places it in the neutral range.

Can you use charcoal and jet black together?+

Yes. Charcoal (blue) and Jet Black (near-black) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.

What color family does charcoal belong to?+

Charcoal belongs to the blue family. Its HSL is 204°, 19%, 26% — a cool tone within the broader blue group.

What is the hex code for charcoal?+

The hex code for Charcoal is #36454F. In RGB, that's rgb(54, 69, 79), and in HSL it's hsl(204, 19%, 26%).

What is the hex code for jet black?+

The hex code for Jet Black is #0A0A0A. In RGB, that's rgb(10, 10, 10), and in HSL it's hsl(0, 0%, 4%).