Gainsboro
Color format
Unlimited palettes, token exports, brand kits and team libraries.
Color harmony
Dark text
12.22:1
White text
1.37:1
A bright gray that creates separation without looking cold.
| Color model | Value | Common use |
|---|---|---|
| HEX | #DCDCDC | Web and interface color |
| RGB | rgb(220, 220, 220) | Digital screens |
| HSL | hsl(0, 0%, 86%) | Hue-based adjustments |
| HSV | hsv(0, 0%, 86%) | Color pickers |
| CMYK | 0%, 0%, 0%, 14% | Print reference |
#dcdcdc
#394449
#fafaf7
#dcdcdc
#b5a6c9
#f7f2f6
#dcdcdc
#7d9aad
#f1f5f6
Gainsboro is ideal for borders, large page surfaces, and quiet layers beneath content. It gives darker ink colors clarity and lets muted pastels remain visible.
#dcdcdc
#e0e0e0
#e3e3e3
#e6e6e6
#eaeaea
#eeeeee
#f1f1f1
#f4f4f4
#f8f8f8
#fcfcfc
#ffffff
#dcdcdc
#c6c6c6
#b0b0b0
#9a9a9a
#848484
#6e6e6e
#585858
#424242
#2c2c2c
#161616