Charcoal #36454F

#36454FCharcoal
HEX#36454F
RGBrgb(54, 69, 79)
HSLhsl(204, 19%, 26%)
HSVhsv(204, 32%, 31%)
OKLCHoklch(38.1% 0.026 237.5)
OKLABoklab(38.1% -0.014 -0.022)
CMYKcmyk(32%, 13%, 0%, 69%)

Charcoal (#36454F) is a dark, muted blue hue. Charcoal is a dark blue-grey, a popular replacement for black in modern UI text.

In RGB it is made of 54 red, 69 green and 79 blue. Its HSL hue angle is 204° with 19% saturation and 26% lightness, while its perceptual OKLCH lightness is 38% with a chroma of 0.026. For print, a starting CMYK mix is 32% cyan, 13% magenta, 0% yellow and 69% black.

As a text color on white, Charcoal has a contrast ratio of 9.9:1, which passes WCAG AA for normal text. On black it reaches 2.12:1 and fails AA. If you use Charcoal as a background, put white text on it. The APCA lightness contrast is Lc 11 for black text and Lc -97 for white text.

Its perceptual complement is #4E4035, close to taupe. Colors that look most similar are taupe, gunmetal, eggplant. It looks fairly similar to people with red-green color blindness (ΔE 1), so its meaning mostly survives.

Contrast

Text on white · 9.90:1 AA ✓
Text on black · 2.12:1 ✗
White on Charcoal · APCA Lc -97
Black on Charcoal · APCA Lc 11

Shades and tints of charcoal

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How charcoal looks with color blindness

Protanopia: #414550Deuteranopia: #3D424FTritanopia: #2E4848Achromatopsia: #434343

Similar colors

Taupe#483C32Gunmetal#2A3439Eggplant#614051Hunter Green#355E3BCoffee#6F4E37Wine#722F37Chocolate#7B3F00Midnight Blue#191970

FAQ

What is the hex code for charcoal?

The hex code for charcoal is #36454F, which is rgb(54, 69, 79) in RGB.

What text color goes on charcoal?

White text. Its contrast with charcoal is 9.90:1.

What color is the complement of charcoal?

The perceptual (OKLCH) complement of #36454F is #4E4035.

← All named colors