What colors go well with charcoal?

Charcoal pairs with its complementary colour #4F4036 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Charcoal Color — Hex Code #36454F, RGB, Palettes & CSS

Q: What is the hex code for charcoal?

Charcoal is commonly #36454F, which is rgb(54, 69, 79). Like most descriptive colour names it covers a small range, but this is a widely used value.

Charcoal colour codes

Hex

#36454F

RGB

rgb(54, 69, 79)

HSL

hsl(204, 19%, 26%)

HSV

hsv(204, 32%, 31%)

OKLCH

oklch(0.38 0.03 238)

CMYK

cmyk(32%, 13%, 0%, 69%)

Complementary palette

Charcoal with its opposite on the colour wheel.

#36454F

rgb(54, 69, 79)

#4F4036

rgb(79, 64, 54)

Triad palette

Charcoal with two evenly-spaced partners.

#36454F

rgb(54, 69, 79)

#4F3645

rgb(79, 54, 69)

#454F36

rgb(69, 79, 54)

Monochromatic palette

Lighter and darker versions of charcoal at the same hue.

#212A30

rgb(33, 42, 48)

#2C3840

rgb(44, 56, 64)

#374650

rgb(55, 70, 80)

#3F505C

rgb(63, 80, 92)

Lighter tints

Charcoal toward white.

#36454F

rgb(54, 69, 79)

#536068

rgb(83, 96, 104)

#6F7A81

rgb(111, 122, 129)

#8C959A

rgb(140, 149, 154)

#A9AFB4

rgb(169, 175, 180)

#C6CACD

rgb(198, 202, 205)

#E2E4E6

rgb(226, 228, 230)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Charcoal toward black.

#36454F

rgb(54, 69, 79)

#2E3B44

rgb(46, 59, 68)

#273138

rgb(39, 49, 56)

#1F272D

rgb(31, 39, 45)

#171E22

rgb(23, 30, 34)

#0F1417

rgb(15, 20, 23)

#080A0B

rgb(8, 10, 11)

#000000

rgb(0, 0, 0)

About charcoal

A dark blue-grey, softer than black. A sophisticated neutral widely used for text, backgrounds and modern UI. The value shown here (#36454F) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with charcoal

The complementary colour (#4F4036) sits opposite charcoal on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using charcoal in your design

For CSS, paste #36454F or the oklch(0.38 0.03 238) value, or download the ready-made charcoal.css file above — it includes a full 50–950 token scale. Always check contrast before using charcoal behind text.

What is the hex code for charcoal?

Charcoal is commonly #36454F (rgb(54, 69, 79)). It covers a small range, but this is a widely used value.

What colours go well with charcoal?

Its complementary colour #4F4036 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Charcoal colour

Charcoal colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About charcoal

Palettes that work with charcoal

Using charcoal in your design

Popular colours

Color tools