Huebook

Gainsboro Triadic Color Scheme

Five colors arranged by the triadic rule around Gainsboro (#DCDCDC), each snapped to its nearest named color.

#DCDCDC
#D2E6D3
#D3D4E5
#F4EFEE
#A2C7A3

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Gainsboro#DCDCDC220, 220, 2200°, 0%, 86%0, 0, 0, 1489.4% 0.000 0
Herbal Mist#D2E6D3210, 230, 211123°, 29%, 86%9, 0, 8, 1090.5% 0.033 147
Blushing Lilac#D3D4E5211, 212, 229237°, 26%, 86%8, 7, 0, 1087.4% 0.023 283
Angelic Wings#F4EFEE244, 239, 23810°, 21%, 95%0, 2, 2, 495.6% 0.006 31
French Market#A2C7A3162, 199, 163122°, 25%, 71%19, 0, 18, 2279.3% 0.064 146

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F4EFEE on #A2C7A31.64:1—
Aa #D2E6D3 on #A2C7A31.42:1—
Aa #DCDCDC on #A2C7A31.36:1—
Aa #D3D4E5 on #F4EFEE1.29:1—
Aa #D3D4E5 on #A2C7A31.27:1—
Aa #DCDCDC on #F4EFEE1.20:1—

CSS variables

:root {
  --color-1: #dcdcdc; /* Gainsboro */
  --color-2: #d2e6d3; /* Herbal Mist */
  --color-3: #d3d4e5; /* Blushing Lilac */
  --color-4: #f4efee; /* Angelic Wings */
  --color-5: #a2c7a3; /* French Market */
}

Other schemes from Gainsboro

More very light gray triadic color schemes

Questions

What colors go with Gainsboro?

In a triadic scheme: Herbal Mist (#D2E6D3), Blushing Lilac (#D3D4E5), Angelic Wings (#F4EFEE), French Market (#A2C7A3).

What is the hex code of Gainsboro?

#DCDCDC.