Gainsboro — #DCDCDC HEX Color
About Gainsboro
Gainsboro (#DCDCDC) is a warm, light, muted neutral tone with a hue of 0°, saturation of 0% and lightness of 86%. It works well for backgrounds and minimalist UI and conveys a timeless feeling. On a white background it reaches a contrast ratio of 1.37:1, while on black it reaches 15.31:1 — so prefer black text when using #DCDCDC as a background.
Color Codes
Accessibility & Contrast
Recommendation: when using #DCDCDC as a background, use black text for the highest contrast.
Color Schemes
Tints & Shades
CSS Code Snippets
background-color: #DCDCDC;color: #DCDCDC;border: 2px solid #DCDCDC;background: linear-gradient(135deg, #DCDCDC, #dcdcdc);Code Export
:root {
--color-primary: #dcdcdc;
--color-primary-rgb: 220, 220, 220;
--color-primary-hsl: 0, 0%, 86%;
}Explore Color Tools
Related Tools
Related Combinations
Frequently Asked Questions
What is the name of color #DCDCDC?
Color #DCDCDC is commonly known as Gainsboro. It is a warm, light, muted neutral tone.
Is #DCDCDC a warm or cool color?
Gainsboro (#DCDCDC) is a warm color. With a hue of 0°, it falls in the neutral family.
What colors go well with #DCDCDC?
Colors that pair well with Gainsboro (#DCDCDC) include its complementary color (#DCDCDC), neutral whites and warm creams, and analogous neutral tones for harmonious palettes.