rgb(204,102,102) / #CC6666

rgb(204,102,102)

hsl(0,50%,60%)

cmyk(0,50,50,20)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,50%,20%)
rgb(77,25,25)
cmyk(0,67,67,70)
hsl(0,50%,30%)
rgb(115,38,38)
cmyk(0,67,67,55)
hsl(0,50%,40%)
rgb(153,51,51)
cmyk(0,67,67,40)
hsl(0,50%,50%)
rgb(191,64,64)
cmyk(0,67,67,25)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(0,50%,70%)
rgb(217,140,140)
cmyk(0,35,35,15)
hsl(0,50%,80%)
rgb(230,179,179)
cmyk(0,22,22,10)
hsl(0,50%,90%)
rgb(242,217,217)
cmyk(0,11,11,5)

Color Saturation Range

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

hsl(0,10%,60%)
rgb(163,143,143)
cmyk(0,12,12,36)
hsl(0,20%,60%)
rgb(173,133,133)
cmyk(0,24,24,32)
hsl(0,30%,60%)
rgb(184,122,122)
cmyk(0,33,33,28)
hsl(0,40%,60%)
rgb(194,112,112)
cmyk(0,42,42,24)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(0,60%,60%)
rgb(214,92,92)
cmyk(0,57,57,16)
hsl(0,70%,60%)
rgb(224,82,82)
cmyk(0,64,64,12)
hsl(0,80%,60%)
rgb(235,71,71)
cmyk(0,70,70,8)

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,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(10,50%,60%)
rgb(204,119,102)
cmyk(0,42,50,20)
hsl(20,50%,60%)
rgb(204,136,102)
cmyk(0,33,50,20)
hsl(30,50%,60%)
rgb(204,153,102)
cmyk(0,25,50,20)
hsl(40,50%,60%)
rgb(204,170,102)
cmyk(0,17,50,20)
hsl(50,50%,60%)
rgb(204,187,102)
cmyk(0,8,50,20)
hsl(60,50%,60%)
rgb(204,204,102)
cmyk(0,0,50,20)
hsl(70,50%,60%)
rgb(187,204,102)
cmyk(8,0,50,20)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,12%,36%)
rgb(80,102,102)
cmyk(22,0,0,60)
hsl(0,1%,41%)
rgb(105,102,102)
cmyk(0,3,3,59)
hsl(0,12%,45%)
rgb(130,102,102)
cmyk(0,22,22,49)
hsl(0,21%,50%)
rgb(155,102,102)
cmyk(0,34,34,39)
hsl(0,34%,55%)
rgb(180,102,102)
cmyk(0,43,43,29)
hsl(0,51%,60%)
rgb(205,102,102)
cmyk(0,50,50,20)
hsl(0,72%,65%)
rgb(230,102,102)
cmyk(0,56,56,10)
hsl(0,100%,70%)
rgb(255,102,102)
cmyk(0,60,60,0)

Color shades in Green range

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

hsl(330,98%,40%)
rgb(204,2,102)
cmyk(0,99,50,20)
hsl(335,77%,45%)
rgb(204,27,102)
cmyk(0,87,50,20)
hsl(340,60%,50%)
rgb(204,52,102)
cmyk(0,75,50,20)
hsl(348,55%,55%)
rgb(204,77,102)
cmyk(0,62,50,20)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(15,50%,60%)
rgb(204,127,102)
cmyk(0,38,50,20)
hsl(29,50%,60%)
rgb(204,152,102)
cmyk(0,25,50,20)
hsl(44,50%,60%)
rgb(204,177,102)
cmyk(0,13,50,20)

Color shades in Blue range

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

hsl(30,98%,40%)
rgb(204,102,2)
cmyk(0,50,99,20)
hsl(25,77%,45%)
rgb(204,102,27)
cmyk(0,50,87,20)
hsl(20,60%,50%)
rgb(204,102,52)
cmyk(0,50,75,20)
hsl(12,55%,55%)
rgb(204,102,77)
cmyk(0,50,62,20)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(345,50%,60%)
rgb(204,102,127)
cmyk(0,50,38,20)
hsl(331,50%,60%)
rgb(204,102,152)
cmyk(0,50,25,20)
hsl(316,50%,60%)
rgb(204,102,177)
cmyk(0,50,13,20)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(0,36%,56%)
rgb(184,102,102)
cmyk(0,44,44,28)
hsl(0,25%,52%)
rgb(163,102,102)
cmyk(0,38,38,36)
hsl(0,17%,48%)
rgb(143,102,102)
cmyk(0,29,29,44)
hsl(0,9%,44%)
rgb(122,102,102)
cmyk(0,17,17,52)
hsl(0,0%,40%)
rgb(102,102,102)
cmyk(0,0,0,60)
hsl(180,11%,36%)
rgb(82,102,102)
cmyk(20,0,0,60)
hsl(180,25%,32%)
rgb(61,102,102)
cmyk(40,0,0,60)

Color shades in Magenta range

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

hsl(48,50%,60%)
rgb(204,184,102)
cmyk(0,10,50,20)
hsl(36,50%,60%)
rgb(204,163,102)
cmyk(0,20,50,20)
hsl(24,50%,60%)
rgb(204,143,102)
cmyk(0,30,50,20)
hsl(12,50%,60%)
rgb(204,122,102)
cmyk(0,40,50,20)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(350,55%,56%)
rgb(204,82,102)
cmyk(0,60,50,20)
hsl(343,58%,52%)
rgb(204,61,102)
cmyk(0,70,50,20)
hsl(338,67%,48%)
rgb(204,41,102)
cmyk(0,80,50,20)

Color shades in Yellow range

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

hsl(312,50%,60%)
rgb(204,102,184)
cmyk(0,50,10,20)
hsl(324,50%,60%)
rgb(204,102,163)
cmyk(0,50,20,20)
hsl(336,50%,60%)
rgb(204,102,143)
cmyk(0,50,30,20)
hsl(348,50%,60%)
rgb(204,102,122)
cmyk(0,50,40,20)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(10,55%,56%)
rgb(204,102,82)
cmyk(0,50,60,20)
hsl(17,58%,52%)
rgb(204,102,61)
cmyk(0,50,70,20)
hsl(22,67%,48%)
rgb(204,102,41)
cmyk(0,50,80,20)

Color shades in Black range

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

hsl(0,69%,68%)
rgb(230,115,115)
cmyk(0,50,50,10)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(0,37%,53%)
rgb(179,89,89)
cmyk(0,50,50,30)
hsl(0,33%,45%)
rgb(153,77,77)
cmyk(0,50,50,40)
hsl(0,33%,38%)
rgb(128,64,64)
cmyk(0,50,50,50)
hsl(0,33%,30%)
rgb(102,51,51)
cmyk(0,50,50,60)
hsl(0,33%,23%)
rgb(77,38,38)
cmyk(0,50,50,70)
hsl(0,33%,15%)
rgb(51,25,25)
cmyk(0,50,50,80)

Color HTML/CSS(CSS3) Example

Color rgb(204,102,102) usage in CSS

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


Color #CC6666 usage in CSS

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


Color hsl(0,50%,60%) usage in CSS

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