Gainsboro Color – #dcdcdc: Codes and Complete Breakdown
By
Published on
Gainsboro takes its name from the 18th-century English portrait painter Thomas Gainsborough, whose feathery light touch this pale grey seems to echo. It rode into modern web design through the X11 color list, reportedly copied from a Sinclair Paints swatch. Today the gainsboro color hex code #dcdcdc is the go-to for borders, dividers, and disabled buttons.

Gainsboro Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#dcdcdc
Gainsboro Color Codes and Information
Complete breakdown of the color Gainsboro:
| Data Type | Values/Details |
|---|---|
| Hex | #dcdcdc |
| RGB | rgb(220,220,220) |
| HSL | hsl(0,0%,86.3%) |
| CMYK | 0, 0, 0, 14 |
| HSV | 0, 0, 86 |
| RGB % | 86, 86, 86 |
| XYZ | 68, 71.6, 77.9 |
| LAB | 87.8, 0, -0 |
| Color Category | Light |
| Color Family | Gray |
| Saturation | 0% |
| Temperature | Warm |
| Contrast Ratio Against White (#ffffff) | 1.37 (fails WCAG AA) |
| Contrast Ratio Against Black (#000000) | 15.31 (passes WCAG AA) |
Similar Colors to Gainsboro Color
#816c5e

Caribou
#828b8e

Necron Compound
#2b2e26

Marshland
#f6ecde

A La Mode
#a28c82

Portobello
#8f9e9d

Abyss
#cd853f

Peru
#e1e1e2

Jupiter










