Solid Charcoal Background #36454F

Copy CSS snippets
Ready to copy
Adjust the Color
Solid Charcoal background details
With hex #36454F (rgb(54, 69, 79)), this deep, low-light blue tone sits around 204° on the color wheel. Its muted, powdery appearance reads as focused and trustworthy on screen. Use the values and preview above to test it in the layout where it will actually appear.
Charcoal: the thirty-thousand-year-old pigment
Charcoal is the oldest drawing material we know of — the animals on the walls of Chauvet Cave were sketched in burnt wood more than thirty thousand years ago. Every charcoal background carries a little of that lineage: black, softened by hand.
Modern interface design rediscovered the same softness. Most dark modes you use daily are not pure black but charcoal grays, because a slightly lifted background reduces the smeary halo effect around white text on OLED panels and keeps long reading sessions comfortable.
Charcoal is also menswear’s favorite neutral for a reason: it does everything black does while holding visible texture and depth. Behind products or type, it reads premium rather than void.
A palette that works with Charcoal
Charcoal makes soft accent colors glow — mustard, mint, and blush all read richer against it.
Quick specs
- HEX
- #36454F
- RGB
- rgb(54, 69, 79)
- HSL
- hsl(204, 19%, 26%)
- Readable text
- #FFFFFF
background-color: #36454F;
Where Charcoal shines
- Tech or finance dashboards that need a trustworthy base hue
- Charcoal backdrops for travel, sky, or ocean-inspired campaigns
- Presentation slides where cool tones keep focus on the data
Practical tips
- Stick with off-white (#F5F5F5) or pure white typography for clarity (the Copy RGB/HEX buttons above make it easy to grab the exact values).
- Use the adjustment sliders to nudge the hue when you need a complementary accent.
- The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.
Related shades
Popular solid background pages
Collections with Charcoal
Charcoal background FAQs
Can I download a solid Charcoal background?
Yes. This solid charcoal background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Charcoal?
Charcoal uses HEX #36454F and rgb(54, 69, 79). You can copy both values from this page or adjust the shade before exporting a background image.
Is Charcoal better for phone or desktop wallpaper?
Charcoal is especially useful for desktop wallpapers, OLED-friendly screens, presentation backdrops, and low-distraction setups. The phone preset also works well for a darker lock screen.
