Charcoal is a dark, muted shade in the black color family, with a cool feel. Its HEX code is #36454F, which equals rgb(54, 69, 79) in RGB and hsl(204, 19%, 26%) in HSL. In print terms it converts to roughly C32 M13 Y0 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#36454F - RGB
54, 69, 79 - HSL
204°, 19%, 26% - CMYK
32, 13, 0, 69 - Family
Black - Tone
Dark, muted
About Charcoal
Black and near-black shades give depth, contrast and a sense of sophistication. Dark neutrals are the foundation of dark modes, text colors and high-end branding. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 9.90:1. Its complementary color is #4F4036.
Download Charcoal as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Charcoal color codes
| HEX | #36454F |
|---|---|
| RGB | rgb(54, 69, 79) |
| HSL | hsl(204, 19%, 26%) |
| HSV | 204°, 32%, 31% |
| CMYK | 32%, 13%, 0%, 69% |
| Decimal | 3556687 |
Shades and tints of Charcoal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DEE0E2 - 100
#BCC1C4 - 200
#9BA2A7 - 300
#79838A - 400
#58646C - 500
#36454F - 600
#2D3A42 - 700
#242E35 - 800
#1B2328 - 900
#12171A - 950
#090C0D
Color harmonies for Charcoal
- Complementary
#4F4036≈ Dark Dusty Persimmon - Analogous −30°
#364F4C≈ Dark Dusty Teal - Analogous +30°
#36384F≈ Dark Dusty Royal - Triadic +120°
#4F3645≈ Dark Dusty Rose - Triadic +240°
#454F36≈ Dark Dusty Spring Bud - Split 150°
#4F3638≈ Dark Dusty Cardinal - Split 210°
#4F4C36≈ Dark Dusty Gold
Contrast and accessibility of Charcoal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Charcoal | Aa | 9.90:1 | AAA (excellent) |
| Black text on Charcoal | Aa | 2.12:1 | Fails |
CSS code for Charcoal
background-color: #36454F;color: #36454F;background-color: rgb(54, 69, 79);background-color: hsl(204, 19%, 26%);:root { --color-charcoal: #36454F; }class="bg-[#36454F]"Colors similar to Charcoal
- Dark Dusty Azure
#354550 - Dark Dusty Capri
#354850 - Dark Dusty Cerulean
#354250 - Dark Dusty Peacock
#354A50 - Dark Dusty Cornflower
#354050 - Dark Dusty Lagoon
#354D50 - Dark Dusty Sapphire
#353D50 - Cool Gray 25
#3A3F45 - Dark Dusty Cyan
#355050 - Dark Dusty Cobalt
#353A50 - Dark Dusty Teal
#35504D - Dark Slate Gray
#2F4F4F
More black shades
- Black
#000000 - Jet Black
#0A0A0A - Neutral Gray 5
#0D0D0D - Neutral Gray 10
#1A1A1A - Warm Gray 5
#0E0D0C - Warm Gray 10
#1C1A17 - Cool Gray 5
#0C0D0E - Cool Gray 10
#17191C - Darkest Dusty Red
#1F1414 - Darkest Dusty Scarlet
#1F1514 - Darkest Dusty Vermilion
#1F1614
Frequently asked questions
What is the HEX code for Charcoal?
The HEX code for Charcoal is #36454F.
What is the RGB value of Charcoal?
Charcoal has an RGB value of 54, 69, 79 (rgb(54, 69, 79)). In HSL it is 204°, 19%, 26%.
What text color should I use on Charcoal?
Use white text on Charcoal. White text has a contrast ratio of 9.90:1 and black text has 2.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Charcoal?
The complementary color of Charcoal is #4F4036. Analogous colors #364F4C and #36384F also pair well.