X.com

Solid Charcoal Background #36454F

Charcoal

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 color makes it feel focused and trustworthy, which is why designers reach for charcoal when they need a dependable background that still has personality.

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 lossless PNG/JPEG files up to 5000×5000, so you can drop the color straight into mockups or presentations.

Color story & pairings

Charcoal echoes coastal skies and polished dashboards, so it is a strong choice for professional screens, data-heavy slides, and cool-toned wallpapers.

Looking for a solid charcoal background or a downloadable charcoal wallpaper? The instant preview, copy-ready HEX/RGB codes, and high-resolution exports above make it easy to grab the exact shade and drop it straight into your project.

Try pairing it with taupe, brown or dark brown for palettes that feel intentional on screen and in exports.

Pro tip: toggle theatre or fullscreen mode to see charcoal fill your entire display. It’s perfect for ambient lighting, palette testing, or quick product shots when you need a clean, solid background.