Color guide
Charcoal Color
#1F2937
charcoal color codes
What charcoal means
Charcoal is sophisticated neutrality. Softer than black, it gives structure without harshness.
How to use it in design
The go-to text and dark-surface color. Let vivid accents pop against it.
Color combinations with charcoal
Harmonies calculated with color theory for the base hue 215°.
Complementary
Maximum contrast: #1F2937 + #372D1F
Analogous
Harmony at ±30°: #1F3537 · #1F2937 · #211F37
Triadic
Even 120° spacing: #1F2937 · #371F29 · #29371F
charcoal color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #1F2937.
Colors that go well with charcoal
FAQ about the charcoal color
What is the HEX code of charcoal?
A widely used hex value for charcoal is #1F2937, which equals rgb(31, 41, 55). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (215°).
What colors go well with charcoal?
charcoal pairs beautifully with yellow, mint, coral, white. Its complementary color is #372D1F, and a classic triadic scheme adds #371F29 and #29371F.
Is charcoal accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping charcoal in text or UI elements.
Create your own charcoal palette
Generate harmonious combinations from #1F2937 in seconds.
Open the palette generator