Gainsboro Color – #dcdcdc: Codes and Complete Breakdown

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

Gainsboro Color Shades

Complementary colors

  1. #DCDCDC

  2. #A3C2C2

Triadic colors

  1. #DCDCDC

  2. #A3C2A3

  3. #A3A3C2

Tints or lighter colors

  1. #F6F6F6

Darker colors

  1. #C3C3C3

  2. #A9A9A9

  3. #909090

  4. #767676

  5. #5D5D5D

Analogous colors

  1. #DCDCDC

  2. #DCDCDC

  3. #DCDCDC

  4. #DCDCDC

  5. #DCDCDC

Monochromatic colors

  1. #C1ABAB

  2. #D4CBCB

  3. #EBE7E7

#dcdcdc

Gainsboro Color Codes and Information

Complete breakdown of the color Gainsboro:

Data TypeValues/Details
Hex#dcdcdc
RGBrgb(220,220,220)
HSLhsl(0,0%,86.3%)
CMYK0, 0, 0, 14
HSV0, 0, 86
RGB %86, 86, 86
XYZ68, 71.6, 77.9
LAB87.8, 0, -0
Color CategoryLight
Color FamilyGray
Saturation0%
TemperatureWarm
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

  1. #816c5e

    caribou color 816c5e

    Caribou

  2. #828b8e

    necron compound color 828b8e

    Necron Compound

  3. #2b2e26

    marshland color 2b2e26

    Marshland

  4. #f6ecde

    a la mode color f6ecde

    A La Mode

  5. #a28c82

    portobello color a28c82

    Portobello

  6. #8f9e9d

    abyss color 8f9e9d

    Abyss

  7. #cd853f

    peru color cd853f

    Peru

  8. #e1e1e2

    jupiter color e1e1e2

    Jupiter