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.1, 0 |
| Color Category | Light |
| Color Family | Gray |
| Saturation | 0% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 1.37 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 15.31 (passes WCAG AA) |
Similar Colors to Gainsboro Color
#24313d

Blue-Black
#ffccee

Infra-White
#d40000

Rosso Corsa
#f3e8ea

White-Red
#800020

Oxblood
#96534c

Marsala
#deb887

Burlywood
#ddebe3

Snowbound










