Charcoal hex code
The hex code for charcoal is #36454F. In RGB that is rgb(54, 69, 79) and in HSL it is hsl(204, 19%, 26%).
The hex code for charcoal is #36454F. In RGB that is rgb(54, 69, 79) and in HSL it is hsl(204, 19%, 26%).
Charcoal · #36454F
Colour codes
- HEX
- #36454F
- RGB
- rgb(54, 69, 79)
- HSL
- hsl(204, 19%, 26%)
- CMYK
- 32, 13, 0, 69
- Contrast on white
- 9.90:1
- Contrast on black
- 2.12:1
Tints and shades
20% lighter · #5e6a72
40% lighter · #868f95
60% lighter · #afb5b9
80% lighter · #d7dadc
20% darker · #2b373f
40% darker · #20292f
60% darker · #161c20
80% darker · #0b0e10
Complementary colour
Charcoal · #36454F
Opposite on the colour wheel · #4f4036
Frequently asked questions
What is the hex code for charcoal?
The hex code for charcoal is #36454F. In RGB that is rgb(54, 69, 79) and in HSL it is hsl(204, 19%, 26%).
Can I use charcoal for text?
It has a contrast ratio of 9.90:1 on white and 2.12:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with charcoal?
Its complementary colour, opposite on the colour wheel, is #4F4036. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of charcoal instead.
Is charcoal a CSS colour name?
No. Charcoal is a common name rather than a CSS keyword, and different sources use slightly different values. #36454F is the most widely used one - use the hex value in CSS.