Charcoal#36454F
Charcoal Hex Code: #36454F
Charcoal is a dark, neutral gray. Its OKLCH lightness is 38% and chroma 0.026. Text on this color reads best in white (contrast 9.90:1).
| HEX | #36454F |
|---|---|
| RGB | rgb(54, 69, 79) |
| HSL | hsl(204, 19%, 26%) |
| HSV / HSB | hsv(204, 32%, 31%) |
| CMYK | cmyk(32%, 13%, 0%, 69%) |
| OKLCH | oklch(38.1% 0.026 237.5) |
Contrast
White text9.90:1
AAAA largeAAA
Black text2.12:1
AAAA largeAAA
On white9.90:1
AAAA largeAAA
On black2.12:1
AAAA largeAAA
Tints
#48565F#5A666F#6C777F#7E888ELight Slate Gray#90999E#A3A9AEDark Gray#B5BABESilver#C7CBCE#D9DCDEGainsboro#EBECEDShades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #36454F; |
|---|---|
| Tailwind | bg-[#36454f] |
| SwiftUI | Color(red: 0.212, green: 0.271, blue: 0.31) |
| Android | Color.parseColor("#36454F") |
| Flutter | Color(0xFF36454F) |
Value from Wikipedia, List of colors (charcoal). Names like Charcoal are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for charcoal?
Charcoal is #36454F in hex and rgb(54, 69, 79) in RGB.
What is charcoal in CMYK?
With the plain conversion formula it is cmyk(32, 13, 0, 69). For print, convert with your printer's ICC profile instead.
What text color works on charcoal?
White text has the higher contrast at 9.90:1, which passes WCAG AA for normal text (4.5:1).