Charcoal gray color

A very dark gray with a bluish touch, like charcoal. It's serious and elegant. It's a staple for suits, coats and accent walls.

Also known as: charcoal, charcoal grey.

Charcoal gray · #36454F

About charcoal gray

Charcoal gray (#36454F) is a cool, dark, muted color. It belongs to the grays family. It mixes 54 red, 69 green and 79 blue (out of 255). It is mostly used in fashion, home decor, web.

Charcoal gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with charcoal gray

WhiteA clean, professional contrast.Sky blueAn office classic.Dusty pinkA soft, modern contrast.MustardA very elegant warm accent.WineAn understated, sophisticated pair.CamelWarmth on a cool base.Light grayAn elegant gray gradient.YellowA bright, modern contrast.

How to wear and decorate with charcoal gray →

Charcoal gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Taupe

Analogous

TriadicClose to: Eggplant, Taupe

Split complementaryClose to: Taupe

TetradicClose to: Eggplant, Taupe, Army green

Charcoal gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Charcoal gray

Analogous palette · Charcoal gray

Complementary palette · Charcoal gray

Triadic palette · Charcoal gray

With neutrals palette · Charcoal gray

With an accent palette · Charcoal gray

Charcoal gray contrast with text

White textContrast 9.9:1 · AAA

Black textContrast 2.1:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --charcoal-gray: #36454F;
  --charcoal-gray-rgb: 54, 69, 79;
}
.bg { background-color: var(--charcoal-gray); }
.text { color: var(--charcoal-gray); }

Colors similar to charcoal gray

Graphite Oxford gray Onyx Anthracite Jet black Dark gray Petrol blue Taupe Lead gray Prussian blue

Themed palettes with this color

More grays

Gray Light gray Dark gray Silver Slate gray Ash gray Pearl gray Oxford gray Graphite Taupe Steel gray Lead gray Smoke gray Stone gray Platinum Blue gray Greige

Frequently asked questions

What is the hex code for charcoal gray?

The hex code for charcoal gray is #36454F. In RGB it is rgb(54, 69, 79), in HSL hsl(204, 19%, 26%) and in CMYK 32, 13, 0, 69.

What is the complementary color of charcoal gray?

Its complement on the color wheel is #4F4036, close to taupe. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on charcoal gray?

Yes. The contrast with white is 9.9:1, enough for body text (WCAG AA).

What colors go with charcoal gray?

It pairs well with white, sky blue, dusty pink, mustard, wine. Avoid pairing it with black or very dark navy without a light color, because everything blends together. With dark brown it can look gloomy.