What is the hex code for Gainsboro?

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

What RGB values make Gainsboro?

Gainsboro is 220 red, 220 green, and 220 blue, written as rgb(220, 220, 220).

Gainsboro scores 1.37:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: gainsboro directly in CSS, which every browser resolves to #DCDCDC.

#DCDCDC

Gainsboro is a gray tone at #DCDCDC. It sits at 0 degrees on the color wheel with 0% saturation and 86% lightness.

Color values

Tints mix Gainsboro with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#F8F8F8

Tint 60%

#F1F1F1

Tint 40%

#EAEAEA

Tint 20%

#E3E3E3

Base

#DCDCDC

Shade 20%

#B0B0B0

Shade 40%

#848484

Shade 60%

#585858

Shade 80%

#2C2C2C

On white

Sample text

1.37:1

Fails WCAG for text

On black

Sample text

15.31:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Gainsboro?: The hex code for Gainsboro is #DCDCDC. In RGB that is rgb(220, 220, 220), and in HSL it is hsl(0, 0%, 86%).
What RGB values make Gainsboro?: Gainsboro is 220 red, 220 green, and 220 blue, written as rgb(220, 220, 220).
Is Gainsboro readable as text on a white background?: Gainsboro scores 1.37:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Gainsboro a valid CSS color name?: Yes. You can write color: gainsboro directly in CSS, which every browser resolves to #DCDCDC.