Color Codes › Charcoal vs Gray

Charcoal vs Gray

See charcoal and gray side by side with their codes, and a clear explanation of how they differ.

Charcoal
Hex#36454F
RGBrgb(54, 69, 79)
HSLhsl(204, 19%, 26%)
OKLCHoklch(0.38 0.03 238)
Gray
Hex#808080
RGBrgb(128, 128, 128)
HSLhsl(0, 0%, 50%)
OKLCHoklch(0.60 0.00 90)

The difference between charcoal and gray

Charcoal is a very dark blue-grey, near black, while gray is a neutral mid-tone. Charcoal works as a softer alternative to black; gray sits in the middle of the scale.

If you are choosing between them, view both against your background and check contrast, or fine-tune either in the picker.

Quick reference

Charcoal: #36454F · rgb(54, 69, 79)
Gray: #808080 · rgb(128, 128, 128)

What is the difference between charcoal and gray?
Charcoal is a very dark blue-grey, near black, while gray is a neutral mid-tone. Charcoal works as a softer alternative to black; gray sits in the middle of the scale.
What is the hex code for charcoal?
Charcoal is #36454F (rgb(54, 69, 79)).
What is the hex code for gray?
Gray is #808080 (rgb(128, 128, 128)).

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Named Colors →
All 140 CSS colours.