Solid Dark Gray Background #A9A9A9
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Dark Gray background details
With hex #A9A9A9 (rgb(169, 169, 169)), this versatile mid-tone neutral tone sits around 0° on the color wheel. Its muted, powdery color makes it feel calm and minimal, which is why designers reach for dark gray when they need a dependable background that still has personality.
Quick specs
- HEX
- #A9A9A9
- RGB
- rgb(169, 169, 169)
- HSL
- hsl(0, 0%, 66%)
- Readable text
- #111111
background-color: #A9A9A9;
Where Dark Gray shines
- Balanced UI backdrops where dark gray keeps typography readable
- Product renders or mockups that need a premium, gallery-like wall color
- Brand palettes that mix cool and warm elements without clashing
Practical tips
- Both dark and light copy read well here—use weight/size to dial in emphasis (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.
Related shades
Collections with Dark Gray
Color story & pairings
Dark Gray fits minimalist branding, calm product mockups, and spa-inspired interiors. It gives layouts a quiet base without pulling attention away from the subject.
Looking for a solid dark gray background or a downloadable dark gray 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 medium turquoise, turquoise or cyan for palettes that feel intentional on screen and in exports.
Pro tip: toggle theatre or fullscreen mode to see dark gray fill your entire display. It’s perfect for ambient lighting, palette testing, or quick product shots when you need a clean, solid background.