Charcoal #36454F
A very dark blue-gray, softer than black; common for dark-mode surfaces.
Use cases: Dark mode · Typography
Families: Blues · Slate Colors
Color values
| Format | Value | |
|---|---|---|
| HEX | #36454F | |
| RGB | rgb(54, 69, 79) | |
| HSL | hsl(204, 19%, 26%) | |
| HSV | hsv(204, 32%, 31%) | |
| OKLCH | oklch(38.14% 0.026 237.5) | |
| OKLab | oklab(38.14% -0.0138 -0.0217) | |
| CMYK | cmyk(31.6%, 12.7%, 0%, 69%) | |
| XYZ | xyz(5.0603, 5.6048, 8.2108) | |
| CIE-LAB | lab(28.4, -3.3, -8.0) | |
| CIE-LCH | lch(28.4, 8.6, 247.8°) | |
| Luminance | 0.056 (WCAG relative) |
Source: Tintiva editorial record
Collections: Dark Colors · Muted Colors · Cool Gray Colors
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
OKLCH ramp (perceptually uniform, modern CSS)
Shades (toward black)
Tints (toward white)
Tones (toward gray)
Color harmonies
Complementary
Edit in generator →Analogous
Edit in generator →Triadic
Edit in generator →Tetradic
Edit in generator →Square
Edit in generator →Split Complementary
Edit in generator →Monochromatic
Edit in generator →Accessibility & contrast
Best text on Charcoal
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.
| Color | Name | ΔE₀₀ |
|---|---|---|
| Charcoal Grey #3C4142 | 5.66 | |
| Gunmetal #2A3439 | 6.00 | |
| Onyx #353839 | 7.21 | |
| Dark Grey #363737 | 8.31 | |
| Darkslategray #2F4F4F | 9.83 | |
| Slate #516572 | 11.01 |
Related colors
Combinations with Charcoal
luxury with a modern edge: soft near-black instead of pure black
hazard-stripe clarity with an urban edge
a modern product palette: airy mint over grounded charcoal
Palettes with Charcoal
Colors that go with Charcoal
Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.