Online Tools HarborGainsboro color codes
| CSS name | gainsboro |
|---|---|
| HEX | #DCDCDC |
| RGB | rgb(220, 220, 220) |
| HSL | hsl(0, 0%, 86%) |
| CMYK | cmyk(0%, 0%, 0%, 14%) |
| Decimal | 14474460 |
Shades of Gainsboro (darker)
#C6C6C6 · #B0B0B0 · #9A9A9A · #848484 · #6E6E6E · #585858 · #424242 · #2C2C2C · #161616
Tints of Gainsboro (lighter)
#E0E0E0 · #E3E3E3 · #E7E7E7 · #EAEAEA · #EEEEEE · #F1F1F1 · #F5F5F5 · #F8F8F8 · #FCFCFC
Color harmonies
| Complementary | #DBDBDB |
|---|---|
| Triadic | #DBDBDB, #DBDBDB |
| Analogous | #DBDBDB, #DBDBDB |
Accessibility (WCAG contrast)
| White text on Gainsboro | 1.37:1 · Fail |
|---|---|
| Black text on Gainsboro | 15.31:1 · AAA |
Use Gainsboro in code
.element {
color: gainsboro; /* or #dcdcdc */
background-color: rgb(220 220 220 / 0.5);
}Frequently asked questions
What is the hex code for Gainsboro?
Gainsboro is #DCDCDC in HEX, rgb(220, 220, 220) in RGB and hsl(0, 0%, 86%) in HSL.
Can I use "gainsboro" directly in CSS?
Yes. "gainsboro" is one of the 148 standard CSS named colors, so color: gainsboro; works in every browser.
Is Gainsboro readable on white?
The contrast ratio of Gainsboro on white is 1.37:1 (WCAG Fail). On black it is 15.31:1 (AAA).
What is the complementary color of Gainsboro?
The complementary color (opposite on the color wheel) is #DBDBDB.
Similar colors
Light Gray#D3D3D3Light Grey#D3D3D3Thistle#D8BFD8Lavender#E6E6FAAntique White#FAEBD7Beige#F5F5DCMisty Rose#FFE4E1Linen#FAF0E6
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.