What is the hex code for Gainsboro?

The hex code for Gainsboro is #DCDCDC.

What is the RGB value of Gainsboro?

The RGB value of Gainsboro is rgb(220, 220, 220).

What is the HSL value of Gainsboro?

The HSL value of Gainsboro is hsl(0, 0%, 86%).

What is the HSV value of Gainsboro?

The HSV value of Gainsboro is hsv(0, 0%, 86%).

What CSS code do I use for Gainsboro?

Use background-color: #DCDCDC; for background, color: #DCDCDC; for text, or border: 1px solid #DCDCDC; for borders.

Gainsboro Hex #DCDCDC: HTML Color Code & Gradients

Gainsboro (#DCDCDC) Color Codes & Gradients

Color Preview

Make a gradient with Gainsboro →

Opens Gainsboro with a lighter tint in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	gainsboro
Hex	#DCDCDC
RGB	rgb(220, 220, 220)
HSV	hsv(0, 0%, 86%)
HSL	hsl(0, 0%, 86%)
OKLCH	oklch(89.45% 0 none)

What is the color name for #DCDCDC?

#DCDCDC color name is Gainsboro.

Color Information

The HTML color Gainsboro has the hexadecimal code #DCDCDC and in the RGB color space is composed of 86% red, 86% green, and 86% blue. The color Gainsboro has a hue angle of 0 degrees, a saturation of 0% and a lightness of 86.3%.

Gainsboro CSS Code Snippets

Background Color

.bg-gainsboro { background-color: #DCDCDC; }

Text Color

.text-gainsboro { color: #DCDCDC; }

Border Color

.border-gainsboro { border: 1px solid #DCDCDC; }

Shade Gradient

.gradient-shade-gainsboro { background: linear-gradient(135deg, #DCDCDC, #BDBDBD); }

Tint Gradient

.gradient-tint-gainsboro { background: linear-gradient(135deg, #DCDCDC, #FBFBFB); }

Monochromatic Gradient

.gradient-mono-gainsboro { background: linear-gradient(135deg, #DCDCDC, #B8B8B8); }

Gainsboro Shades

#D7D7D7

#D2D2D2

#CDCDCD

#C8C8C8

#C2C2C2

#BDBDBD

Gainsboro Tints

#E1E1E1

#E6E6E6

#EBEBEB

#F0F0F0

#F5F5F5

#FBFBFB

Gainsboro Tones

#DCDCDC

Gainsboro Monochromatic

#B8B8B8

#939393

#6F6F6F

#4A4A4A

#262626

#010101

Similar Colors to Gainsboro

#DCDCDC

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator