Gainsboro color

A very light, neutral gray. It is a standard web color, named after the English painter Thomas Gainsborough, and is used for borders and soft backgrounds.

Also known as: Pale gray.

Gainsboro · #DCDCDC

About gainsboro

Gainsboro (#DCDCDC) is a neutral, light, almost unsaturated color. It belongs to the grays family. It mixes 220 red, 220 green and 220 blue (out of 255). It is mostly used in web, borders, backgrounds.

Gainsboro shades and tints

From lightest to darkest. Tap a shade to copy its code.

Gainsboro color harmonies

Combinations based on the color wheel. More in the color harmony tool.

Complementary

Analogous

Triadic

Split complementary

Tetradic

Gainsboro color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Gainsboro

Analogous palette · Gainsboro

Complementary palette · Gainsboro

Triadic palette · Gainsboro

With neutrals palette · Gainsboro

With an accent palette · Gainsboro

Gainsboro contrast with text

White textContrast 1.4:1 · Not recommended

Black textContrast 15.3:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --gainsboro: #DCDCDC;
  --gainsboro-rgb: 220, 220, 220;
}
.bg { background-color: var(--gainsboro); }
.text { color: var(--gainsboro); }

Colors similar to gainsboro

Platinum Light gray Timberwolf Pearl gray Alabaster White smoke Bone Linen Silver Lavender blush

Themed palettes with this color

Frequently asked questions

What is the hex code for gainsboro?

The hex code for gainsboro is #DCDCDC. In RGB it is rgb(220, 220, 220), in HSL hsl(0, 0%, 86%) and in CMYK 0, 0, 0, 14.

What is the complementary color of gainsboro?

Its complement on the color wheel is #DCDCDC, close to gainsboro. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on gainsboro?

Use black text instead: the contrast with white is only 1.4:1, while with black it is 15.3:1.