#dcdcdc rgb(220, 220, 220) 0°, 0%, 86% About Gainsboro Color
Gainsboro is a light, cool gray that works beautifully as a background for content areas and cards. It creates subtle separation without harsh contrast.
Use Cases for Gainsboro
Shades & Tints of Gainsboro
Complementary Color
Analogous Colors
CSS Code
.gainsboro-color {
color: #dcdcdc;
}Contrast Recommendations
Frequently Asked Questions
What color is Gainsboro?
Gainsboro is represented by the hex code #dcdcdc and has RGB values of rgb(220, 220, 220). It falls under the Gray category.
How to use Gainsboro in web design?
Gainsboro works well for card backgrounds, content separators, light themes. Gainsboro is a light, cool gray that works beautifully as a background for content areas and cards. It creates subtle separation without harsh contrast. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Gainsboro?
Colors that pair well with Gainsboro include lightgray, whitesmoke, silver, snow, aliceblue. For a complementary scheme, try #dbdbdb. For an analogous scheme, use #dbdbdb and #dbdbdb.