Solid Gainsboro Background #DCDCDC

Solid gainsboro background, hex #DCDCDC, 1920x1080 HD wallpaper

Copy CSS snippets

Ready to copy

Lightness: 86%

Saturation: 0%

Solid Gainsboro background details

With hex #DCDCDC (rgb(220, 220, 220)), 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.

Gainsboro, the Web's Most Puzzling Color Name

Nobody has produced a definitive explanation for this name. Gainsboro arrived with the X11 color list, spelled without the final letters that would confirm the popular guess of a tribute to the painter Thomas Gainsborough, and the record simply stops there. The color itself is far less mysterious: #DCDCDC, a light silver-gray one notch darker than White Smoke.

Its career has been quietly enormous. Gainsboro is the classic tone for hairline borders, disabled buttons, table stripes, and card edges, visible enough to structure a layout and faint enough to ignore. If you have used the web at all, you have looked at this color thousands of times without once noticing it.

A palette that works with Gainsboro

These three build a clean grayscale ramp around Gainsboro, from the near-white of white smoke down through slate to charcoal, which is exactly how interface designers deploy it.

Quick specs

HEX: #DCDCDC
RGB: rgb(220, 220, 220)
HSL: hsl(0, 0%, 86%)
Readable text: #111111

background-color: #DCDCDC;

Where Gainsboro shines

Balanced UI backdrops where gainsboro 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.