#dcdcdc rgb(220, 220, 220) 0°, 0%, 86% Use Gainsboro in Your Projects
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
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.gainsboro-color {
color: #dcdcdc;
background-color: #dcdcdc;
}
/* As a CSS custom property */
:root {
--color-gainsboro: #dcdcdc;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
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. For a triadic scheme, combine with #dbdbdb and #dbdbdb.