Gainsboro hex code
The hex code for gainsboro is #DCDCDC. In RGB that is rgb(220, 220, 220) and in HSL it is hsl(0, 0%, 86%).
The hex code for gainsboro is #DCDCDC. In RGB that is rgb(220, 220, 220) and in HSL it is hsl(0, 0%, 86%).
Gainsboro · #DCDCDC
Colour codes
- HEX
- #DCDCDC
- RGB
- rgb(220, 220, 220)
- HSL
- hsl(0, 0%, 86%)
- CMYK
- 0, 0, 0, 14
- CSS name
- gainsboro
- Contrast on white
- 1.37:1
- Contrast on black
- 15.31:1
Tints and shades
20% lighter · #e3e3e3
40% lighter · #eaeaea
60% lighter · #f1f1f1
80% lighter · #f8f8f8
20% darker · #b0b0b0
40% darker · #848484
60% darker · #585858
80% darker · #2c2c2c
Complementary colour
Gainsboro · #DCDCDC
Opposite on the colour wheel · #dbdbdb
Frequently asked questions
What is the hex code for gainsboro?
The hex code for gainsboro is #DCDCDC. In RGB that is rgb(220, 220, 220) and in HSL it is hsl(0, 0%, 86%).
Can I use gainsboro for text?
It has a contrast ratio of 1.37:1 on white and 15.31:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with gainsboro?
Its complementary colour, opposite on the colour wheel, is #DBDBDB. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of gainsboro instead.
Is gainsboro a CSS colour name?
Yes. CSS accepts the keyword gainsboro, so color: gainsboro and color: #DCDCDC render exactly the same.