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

Gainsboro

rgb(220,220,220)

hsl(0,0%,86%)

cmyk(0,0,0,14)


Gainsboro Color Shades in HSL model

Gainsboro Color Lightness Range

+/- 10% shift for L(lightness) color axis in HSL color model

hsl(0,0%,30%)
rgb(77,77,77)
cmyk(0,0,0,70)
hsl(0,0%,40%)
rgb(102,102,102)
cmyk(0,0,0,60)
hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50)
hsl(0,0%,60%)
rgb(153,153,153)
cmyk(0,0,0,40)
hsl(0,0%,70%)
rgb(179,179,179)
cmyk(0,0,0,30)
hsl(0,0%,80%)
rgb(204,204,204)
cmyk(0,0,0,20)
hsl(0,0%,90%)
rgb(230,230,230)
cmyk(0,0,0,10)
hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)

Gainsboro Color Saturation Range

+/- 10% shift for S(Saturation) color axis in HSL color model

hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,10%,86%)
rgb(223,216,216)
cmyk(0,3,3,13)
hsl(0,20%,86%)
rgb(226,212,212)
cmyk(0,6,6,11)
hsl(0,30%,86%)
rgb(230,209,209)
cmyk(0,9,9,10)
hsl(0,40%,86%)
rgb(234,205,205)
cmyk(0,12,12,8)
hsl(0,50%,86%)
rgb(237,201,201)
cmyk(0,15,15,7)
hsl(0,60%,86%)
rgb(241,198,198)
cmyk(0,18,18,6)
hsl(0,70%,86%)
rgb(244,194,194)
cmyk(0,20,20,4)

Gainsboro Color Hue Range

S (Saturation) === 0, in this case we cannot get
H (Hue) range. Cause it should be the same color, due to HSL color system.

+/- 10 grad shift for H(Hue) color axis in HSL color model

hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)

Gainsboro Color Shades in RGB model range

Color shades in Red range

+/- 25 points shift for R(Red) color axis.

hsl(180,67%,59%)
rgb(80,220,220)
cmyk(64,0,0,14)
hsl(180,62%,64%)
rgb(105,220,220)
cmyk(52,0,0,14)
hsl(180,56%,69%)
rgb(130,220,220)
cmyk(41,0,0,14)
hsl(180,48%,74%)
rgb(155,220,220)
cmyk(30,0,0,14)
hsl(180,36%,78%)
rgb(180,220,220)
cmyk(18,0,0,14)
hsl(180,18%,83%)
rgb(205,220,220)
cmyk(7,0,0,14)
hsl(0,17%,88%)
rgb(230,220,220)
cmyk(0,4,4,10)
hsl(0,100%,93%)
rgb(255,220,220)
cmyk(0,14,14,0)

Color shades in Green range

+/- 25 points shift for G(Green) color axis.

hsl(300,67%,59%)
rgb(220,80,220)
cmyk(0,64,0,14)
hsl(300,62%,64%)
rgb(220,105,220)
cmyk(0,52,0,14)
hsl(300,56%,69%)
rgb(220,130,220)
cmyk(0,41,0,14)
hsl(300,48%,74%)
rgb(220,155,220)
cmyk(0,30,0,14)
hsl(300,36%,78%)
rgb(220,180,220)
cmyk(0,18,0,14)
hsl(300,18%,83%)
rgb(220,205,220)
cmyk(0,7,0,14)
hsl(120,17%,88%)
rgb(220,230,220)
cmyk(4,0,4,10)
hsl(120,100%,93%)
rgb(220,255,220)
cmyk(14,0,14,0)

Color shades in Blue range

+/- 25 points shift for B(Blue) color axis.

hsl(60,67%,59%)
rgb(220,220,80)
cmyk(0,0,64,14)
hsl(60,62%,64%)
rgb(220,220,105)
cmyk(0,0,52,14)
hsl(60,56%,69%)
rgb(220,220,130)
cmyk(0,0,41,14)
hsl(60,48%,74%)
rgb(220,220,155)
cmyk(0,0,30,14)
hsl(60,36%,78%)
rgb(220,220,180)
cmyk(0,0,18,14)
hsl(60,18%,83%)
rgb(220,220,205)
cmyk(0,0,7,14)
hsl(240,17%,88%)
rgb(220,220,230)
cmyk(4,4,0,10)
hsl(240,100%,93%)
rgb(220,220,255)
cmyk(14,14,0,0)

Gainsboro Color Shades in CMYK model range

Color shades in Cyan range

+/- 10 percent shift for C(Cyan) color axis.

hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(180,23%,82%)
rgb(197,219,219)
cmyk(10,0,0,14)
hsl(180,38%,77%)
rgb(175,219,219)
cmyk(20,0,0,14)
hsl(180,48%,73%)
rgb(154,219,219)
cmyk(30,0,0,14)
hsl(180,55%,69%)
rgb(132,219,219)
cmyk(40,0,0,14)
hsl(180,61%,65%)
rgb(110,219,219)
cmyk(50,0,0,14)
hsl(180,65%,60%)
rgb(88,219,219)
cmyk(60,0,0,14)
hsl(180,68%,56%)
rgb(66,219,219)
cmyk(70,0,0,14)

Color shades in Magenta range

+/- 10 percent shift for M(Magenta) color axis.

hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(300,23%,82%)
rgb(219,197,219)
cmyk(0,10,0,14)
hsl(300,38%,77%)
rgb(219,175,219)
cmyk(0,20,0,14)
hsl(300,48%,73%)
rgb(219,154,219)
cmyk(0,30,0,14)
hsl(300,55%,69%)
rgb(219,132,219)
cmyk(0,40,0,14)
hsl(300,61%,65%)
rgb(219,110,219)
cmyk(0,50,0,14)
hsl(300,65%,60%)
rgb(219,88,219)
cmyk(0,60,0,14)
hsl(300,68%,56%)
rgb(219,66,219)
cmyk(0,70,0,14)

Color shades in Yellow range

+/- 10 percent shift for Y(Yellow) color axis.

hsl(0,0%,86%)
rgb(219,219,219)
cmyk(0,0,0,14)
hsl(60,23%,82%)
rgb(219,219,197)
cmyk(0,0,10,14)
hsl(60,38%,77%)
rgb(219,219,175)
cmyk(0,0,20,14)
hsl(60,48%,73%)
rgb(219,219,154)
cmyk(0,0,30,14)
hsl(60,55%,69%)
rgb(219,219,132)
cmyk(0,0,40,14)
hsl(60,61%,65%)
rgb(219,219,110)
cmyk(0,0,50,14)
hsl(60,65%,60%)
rgb(219,219,88)
cmyk(0,0,60,14)
hsl(60,68%,56%)
rgb(219,219,66)
cmyk(0,0,70,14)

Color shades in Black range

+/- 10 percent shift for B(Black) color axis.

hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)
hsl(0,0%,90%)
rgb(230,230,230)
cmyk(0,0,0,10)
hsl(0,0%,80%)
rgb(204,204,204)
cmyk(0,0,0,20)
hsl(0,0%,70%)
rgb(179,179,179)
cmyk(0,0,0,30)
hsl(0,0%,60%)
rgb(153,153,153)
cmyk(0,0,0,40)
hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50)
hsl(0,0%,40%)
rgb(102,102,102)
cmyk(0,0,0,60)
hsl(0,0%,30%)
rgb(77,77,77)
cmyk(0,0,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(220,220,220) usage in CSS

.bg-rgb-color { background-color: rgb(220,220,220); }
.text-rgb-color { color: rgb(220,220,220); }
.border-rgb-color { border: 1px solid rgb(220,220,220); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(220,220,220); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(220,220,220); }


Color #DCDCDC usage in CSS

.bg-rgb-color { background-color: #DCDCDC; }
.text-rgb-color { color: #DCDCDC; }
.border-rgb-color { border: 1px solid #DCDCDC; }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px #DCDCDC; }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px #DCDCDC; }


Color hsl(0,0%,86%) usage in CSS

.bg-rgb-color { background-color: hsl(0,0%,86%); }
.text-rgb-color { color: hsl(0,0%,86%); }
.border-rgb-color { border: 1px solid hsl(0,0%,86%); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(0,0%,86%); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(0,0%,86%); }