Gainsboro

Online color picker to view shades, tints, color codes, and complementary colors

Gainsboro color codes graphic
Gainsboro is an airy, pale grey that provides a soft alternative to pure white. The hex code #dcdcdc works well as a neutral UI background because it maintains excellent contrast with standard black text. Designers often use this shade to build minimal, clean interfaces that feel grounded but not heavy. It pairs nicely with charcoal accents for a sophisticated, balanced result.

Questions about Gainsboro

What is the hex code for Gainsboro?
Gainsboro is #dcdcdc. In RGB that is rgb(220, 220, 220), in HSL hsl(0, 0%, 86%) and in CMYK 0%, 0%, 0%, 14%.
Is Gainsboro #dcdcdc considered a warm or cool grey?
Gainsboro #dcdcdc is technically a neutral grey with very subtle cool undertones, though it often reads as nearly achromatic. Its lack of strong saturation makes it incredibly versatile, allowing it to adapt to the warmth or coolness of surrounding colors without clashing.
What colors pair best with Gainsboro #dcdcdc?
This light grey pairs beautifully with charcoal for high-contrast, professional text or with navy to create a clean, sophisticated nautical palette. Because it is so neutral, it also functions perfectly as a canvas for bolder, vibrant accent colors like muted terracotta.
Is Gainsboro readable on white or black?
Gainsboro has a 1.37:1 contrast ratio on white and 15.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.