Solid Light Gray Background #D3D3D3
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Light Gray background details
With hex #D3D3D3 (rgb(211, 211, 211)), this airy, high-key neutral tone sits around 0° on the color wheel. Its muted, powdery appearance reads as calm and minimal on screen. Use the values and preview above to test it in the layout where it will actually appear.
The Quiet Work Light Gray Does Everywhere
Every interface you used today almost certainly contained light gray, doing the invisible work of dividers, disabled states, and card backgrounds. At #D3D3D3, it is bright enough to read as background rather than object, yet dark enough to separate a white panel from a white page — the workhorse register of UI design.
A quirk worth knowing: in the CSS palette, light gray (#D3D3D3) is lighter than gray (#808080) as you would expect, but dark gray (#A9A9A9) is lighter than gray too, a naming accident inherited from the old X11 list. As a photography or video backdrop, light gray flatters nearly everything, holding shadow detail that pure white burns away.
A palette that works with Light Gray
White and charcoal define the tonal range light gray mediates between, and a single hue like cornflower blue shows how well it lets one accent carry a layout.
Quick specs
- HEX
- #D3D3D3
- RGB
- rgb(211, 211, 211)
- HSL
- hsl(0, 0%, 83%)
- Readable text
- #111111
background-color: #D3D3D3;
Where Light Gray shines
- Balanced UI backdrops where light 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
- Pair it with charcoal or #111111 text to maintain WCAG contrast (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 Light Gray
Light Gray background FAQs
Can I download a solid Light Gray background?
Yes. This solid light gray background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Light Gray?
Light Gray uses HEX #D3D3D3 and rgb(211, 211, 211). You can copy both values from this page or adjust the shade before exporting a background image.
Is Light Gray better for phone or desktop wallpaper?
Light Gray works well for bright phone wallpapers, clean desktop backgrounds, social graphics, and slides where dark text needs to stay readable.