Codes & values
- Color Name
Charcoal Gray - Color ID
KDF-C-03556687 - HEX
#36454F - RGB
rgb(54, 69, 79) - RGBA
rgba(54, 69, 79, 1) - HSL
hsl(204, 19%, 26%) - HSLA
hsla(204, 19%, 26%, 1) - HSV / HSB
hsv(204, 32%, 31%) - CMYK
cmyk(32%, 13%, 0%, 69%) - Light / Dark
dark
Quick answers
- What is the HEX code for Charcoal Gray?
- #36454F
- What is Charcoal Gray RGB?
- rgb(54, 69, 79)
- What is Charcoal Gray HSL?
- hsl(204, 19%, 26%)
- What is Charcoal Gray CMYK?
- cmyk(32%, 13%, 0%, 69%)
What is Charcoal Gray?
Charcoal Gray is a curated gray family color at #36454F. It appears in our library with tags for text, ui, background. This shade classifies as dark — strong for text, dark-mode surfaces, or dramatic branding. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Charcoal Gray HEX code
The HEX code for Charcoal Gray is #36454F. Paste it into CSS as color: #36454F; or background-color: #36454F;. Design tools accept the same six-digit value without the # prefix (36454f).
Charcoal Gray RGB
Charcoal Gray in RGB is rgb(54, 69, 79) (channels R 54, G 69, B 79). Use RGB when you need opacity via rgba(54, 69, 79, 1).
Charcoal Gray HSL & HSV
HSL is hsl(204, 19%, 26%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(204, 32%, 31%), closer to how many digital pickers expose hue, saturation, and brightness.
Charcoal Gray CMYK
Approximate CMYK for Charcoal Gray is cmyk(32%, 13%, 0%, 69%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Charcoal Gray
Darker shades (mixed toward black): #2D3A42, #242E35, #1B2328, #12171A, #090B0D. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Charcoal Gray
Lighter tints (mixed toward white): #58646C, #79838A, #9BA2A7, #BCC1C4, #DEE0E2. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Charcoal Gray
Complementary pairing: #36454F, #4F4036. Analogous neighbors: #364F4D, #36454F, #36394F. Triadic accents: #36454F, #4F3645, #454F36. Always check text contrast when pairing.
Charcoal Gray color combinations
A practical combo: primary #36454F, complementary accent #4F4036, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #36454F, #4F3639, #4F4D36.
Charcoal Gray in web design
Grays carry typography and surfaces. Charcoal for body text, slate for secondary UI, light gray for cards — contrast always beats decorative gray-on-gray.
Charcoal Gray in branding
Neutral brand systems rely on gray for UI chrome while a single accent color carries recognition. Contrast vs white is 9.90:1 (passes WCAG AA for normal text); vs black 2.12:1.
Charcoal Gray earth & muted use
Charcoal Gray leans muted or earthy — ideal for interiors, craft brands, and calm UI. Combine with cream, sage, and clay neutrals.
Frequently asked questions
- What is the HEX code for Charcoal Gray?
- Charcoal Gray: #36454F.
- What is Charcoal Gray RGB?
- Charcoal Gray: rgb(54, 69, 79).
- What is Charcoal Gray HSL?
- Charcoal Gray: hsl(204, 19%, 26%).
- What is Charcoal Gray CMYK?
- Charcoal Gray: cmyk(32%, 13%, 0%, 69%).
- What colors go with Charcoal Gray?
- Try complementary #36454F, #4F4036 or analogous #364F4D, #36454F, #36394F.
- Is Charcoal Gray good for text on white?
- Yes — contrast 9.90:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 9.90:1 (AA body text pass). Contrast vs black: 2.12:1. Complementary swatch: #36454F, #4F4036.
Explore related
Gray colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK