- No data uploaded
- Instant results
Gainsboro — #DCDCDC
Gainsboro is the CSS named colour gainsboro, hex #DCDCDC. It has a contrast ratio of 1.37:1 on white and 15.31:1 on black — best used as text on dark backgrounds.
Gainsboro — #DCDCDC
Contrast on white 1.37:1 · on black 15.31:1
Tints
Shades
Complementary
Triadic
Analogous
Using Gainsboro in code
CSS: color: gainsboro; or color: #DCDCDC; · Tailwind: text-[#DCDCDC] · Android/Flutter: 0xFFDCDCDC
Gainsboro colour harmonies
Complementary: #DCDCDC · Triadic: #DCDCDC, #DCDCDC · Analogous: #DCDCDC, #DCDCDC. Use tints for backgrounds and shades for hover states.
Gainsboro in every colour format
| Format | Value |
|---|---|
| HEX | #DCDCDC |
| RGB | rgb(220, 220, 220) |
| HSL | hsl(0, 0%, 86%) |
| HSV | hsv(0, 0%, 86%) |
| CMYK | cmyk(0%, 0%, 0%, 14%) |
| CSS name | gainsboro |
| Contrast on white | 1.37:1 |
| Contrast on black | 15.31:1 |
Frequently asked questions
What is the hex code for Gainsboro?
#DCDCDC (CSS name: gainsboro).
What is Gainsboro in RGB?
rgb(220, 220, 220)
What colour goes well with Gainsboro?
Its complementary colour #DCDCDC, or the analogous #DCDCDC and #DCDCDC.