Gainsboro #DCDCDC

Gainsboro#DCDCDC · rgb(220, 220, 220)

Gainsboro color codes

CSS namegainsboro
HEX#DCDCDC
RGBrgb(220, 220, 220)
HSLhsl(0, 0%, 86%)
CMYKcmyk(0%, 0%, 0%, 14%)
Decimal14474460

Shades of Gainsboro (darker)

#C6C6C6 · #B0B0B0 · #9A9A9A · #848484 · #6E6E6E · #585858 · #424242 · #2C2C2C · #161616

Tints of Gainsboro (lighter)

#E0E0E0 · #E3E3E3 · #E7E7E7 · #EAEAEA · #EEEEEE · #F1F1F1 · #F5F5F5 · #F8F8F8 · #FCFCFC

Color harmonies

Complementary
#DBDBDB
Triadic
#DBDBDB, #DBDBDB
Analogous
#DBDBDB, #DBDBDB

Accessibility (WCAG contrast)

White text on Gainsboro1.37:1 · Fail
Black text on Gainsboro15.31:1 · AAA

Use Gainsboro in code

.element {
  color: gainsboro;          /* or #dcdcdc */
  background-color: rgb(220 220 220 / 0.5);
}

Frequently asked questions

What is the hex code for Gainsboro?

Gainsboro is #DCDCDC in HEX, rgb(220, 220, 220) in RGB and hsl(0, 0%, 86%) in HSL.

Can I use "gainsboro" directly in CSS?

Yes. "gainsboro" is one of the 148 standard CSS named colors, so color: gainsboro; works in every browser.

Is Gainsboro readable on white?

The contrast ratio of Gainsboro on white is 1.37:1 (WCAG Fail). On black it is 15.31:1 (AAA).

What is the complementary color of Gainsboro?

The complementary color (opposite on the color wheel) is #DBDBDB.

Similar colors

Light Gray#D3D3D3Light Grey#D3D3D3Thistle#D8BFD8Lavender#E6E6FAAntique White#FAEBD7Beige#F5F5DCMisty Rose#FFE4E1Linen#FAF0E6

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.