rgb(204,51,51) / #CC3333

rgb(204,51,51)

hsl(0,60%,50%)

cmyk(0,75,75,20)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,60%,10%)
rgb(41,10,10)
cmyk(0,75,75,84)
hsl(0,60%,20%)
rgb(82,20,20)
cmyk(0,75,75,68)
hsl(0,60%,30%)
rgb(122,31,31)
cmyk(0,75,75,52)
hsl(0,60%,40%)
rgb(163,41,41)
cmyk(0,75,75,36)
hsl(0,60%,50%)
rgb(204,51,51)
cmyk(0,75,75,20)
hsl(0,60%,60%)
rgb(214,92,92)
cmyk(0,57,57,16)
hsl(0,60%,70%)
rgb(224,133,133)
cmyk(0,41,41,12)
hsl(0,60%,80%)
rgb(235,173,173)
cmyk(0,26,26,8)

Color Saturation Range

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

hsl(0,20%,50%)
rgb(153,102,102)
cmyk(0,33,33,40)
hsl(0,30%,50%)
rgb(166,89,89)
cmyk(0,46,46,35)
hsl(0,40%,50%)
rgb(179,77,77)
cmyk(0,57,57,30)
hsl(0,50%,50%)
rgb(191,64,64)
cmyk(0,67,67,25)
hsl(0,60%,50%)
rgb(204,51,51)
cmyk(0,75,75,20)
hsl(0,70%,50%)
rgb(217,38,38)
cmyk(0,82,82,15)
hsl(0,80%,50%)
rgb(230,25,25)
cmyk(0,89,89,10)
hsl(0,90%,50%)
rgb(242,13,13)
cmyk(0,95,95,5)

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,60%,50%)
rgb(204,51,51)
cmyk(0,75,75,20)
hsl(10,60%,50%)
rgb(204,76,51)
cmyk(0,63,75,20)
hsl(20,60%,50%)
rgb(204,102,51)
cmyk(0,50,75,20)
hsl(30,60%,50%)
rgb(204,128,51)
cmyk(0,38,75,20)
hsl(40,60%,50%)
rgb(204,153,51)
cmyk(0,25,75,20)
hsl(50,60%,50%)
rgb(204,179,51)
cmyk(0,12,75,20)
hsl(60,60%,50%)
rgb(204,204,51)
cmyk(0,0,75,20)
hsl(70,60%,50%)
rgb(178,204,51)
cmyk(13,0,75,20)

Color Shades in RGB model range

Color shades in Red range

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

hsl(0,22%,26%)
rgb(80,51,51)
cmyk(0,36,36,69)
hsl(0,35%,31%)
rgb(105,51,51)
cmyk(0,51,51,59)
hsl(0,44%,35%)
rgb(130,51,51)
cmyk(0,61,61,49)
hsl(0,50%,40%)
rgb(155,51,51)
cmyk(0,67,67,39)
hsl(0,56%,45%)
rgb(180,51,51)
cmyk(0,72,72,29)
hsl(0,61%,50%)
rgb(205,51,51)
cmyk(0,75,75,20)
hsl(0,78%,55%)
rgb(230,51,51)
cmyk(0,78,78,10)
hsl(0,100%,60%)
rgb(255,51,51)
cmyk(0,80,80,0)

Color shades in Green range

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

hsl(345,100%,40%)
rgb(204,0,51)
cmyk(0,100,75,20)
hsl(351,78%,45%)
rgb(204,25,51)
cmyk(0,88,75,20)
hsl(360,61%,50%)
rgb(204,50,51)
cmyk(0,75,75,20)
hsl(9,60%,50%)
rgb(204,75,51)
cmyk(0,63,75,20)
hsl(19,60%,50%)
rgb(204,100,51)
cmyk(0,51,75,20)
hsl(29,60%,50%)
rgb(204,125,51)
cmyk(0,39,75,20)
hsl(39,60%,50%)
rgb(204,150,51)
cmyk(0,26,75,20)
hsl(49,60%,50%)
rgb(204,175,51)
cmyk(0,14,75,20)

Color shades in Blue range

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

hsl(15,100%,40%)
rgb(204,51,0)
cmyk(0,75,100,20)
hsl(9,78%,45%)
rgb(204,51,25)
cmyk(0,75,88,20)
hsl(0,61%,50%)
rgb(204,51,50)
cmyk(0,75,75,20)
hsl(351,60%,50%)
rgb(204,51,75)
cmyk(0,75,63,20)
hsl(341,60%,50%)
rgb(204,51,100)
cmyk(0,75,51,20)
hsl(331,60%,50%)
rgb(204,51,125)
cmyk(0,75,39,20)
hsl(321,60%,50%)
rgb(204,51,150)
cmyk(0,75,26,20)
hsl(311,60%,50%)
rgb(204,51,175)
cmyk(0,75,14,20)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,60%,50%)
rgb(204,51,51)
cmyk(0,75,75,20)
hsl(0,57%,46%)
rgb(184,51,51)
cmyk(0,72,72,28)
hsl(0,52%,42%)
rgb(163,51,51)
cmyk(0,69,69,36)
hsl(0,47%,38%)
rgb(143,51,51)
cmyk(0,64,64,44)
hsl(0,41%,34%)
rgb(122,51,51)
cmyk(0,58,58,52)
hsl(0,33%,30%)
rgb(102,51,51)
cmyk(0,50,50,60)
hsl(0,23%,26%)
rgb(82,51,51)
cmyk(0,38,38,68)
hsl(0,9%,22%)
rgb(61,51,51)
cmyk(0,17,17,76)

Color shades in Magenta range

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

hsl(36,60%,50%)
rgb(204,143,51)
cmyk(0,30,75,20)
hsl(28,60%,50%)
rgb(204,122,51)
cmyk(0,40,75,20)
hsl(20,60%,50%)
rgb(204,102,51)
cmyk(0,50,75,20)
hsl(12,60%,50%)
rgb(204,82,51)
cmyk(0,60,75,20)
hsl(4,60%,50%)
rgb(204,61,51)
cmyk(0,70,75,20)
hsl(356,67%,48%)
rgb(204,41,51)
cmyk(0,80,75,20)
hsl(350,82%,44%)
rgb(204,20,51)
cmyk(0,90,75,20)
hsl(345,100%,40%)
rgb(204,0,51)
cmyk(0,100,75,20)

Color shades in Yellow range

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

hsl(324,60%,50%)
rgb(204,51,143)
cmyk(0,75,30,20)
hsl(332,60%,50%)
rgb(204,51,122)
cmyk(0,75,40,20)
hsl(340,60%,50%)
rgb(204,51,102)
cmyk(0,75,50,20)
hsl(348,60%,50%)
rgb(204,51,82)
cmyk(0,75,60,20)
hsl(356,60%,50%)
rgb(204,51,61)
cmyk(0,75,70,20)
hsl(4,67%,48%)
rgb(204,51,41)
cmyk(0,75,80,20)
hsl(10,82%,44%)
rgb(204,51,20)
cmyk(0,75,90,20)
hsl(15,100%,40%)
rgb(204,51,0)
cmyk(0,75,100,20)

Color shades in Black range

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

hsl(0,60%,44%)
rgb(179,45,45)
cmyk(0,75,75,30)
hsl(0,60%,38%)
rgb(153,38,38)
cmyk(0,75,75,40)
hsl(0,60%,31%)
rgb(128,32,32)
cmyk(0,75,75,50)
hsl(0,60%,25%)
rgb(102,25,25)
cmyk(0,75,75,60)
hsl(0,60%,19%)
rgb(77,19,19)
cmyk(0,75,75,70)
hsl(0,60%,13%)
rgb(51,13,13)
cmyk(0,75,75,80)
hsl(0,60%,6%)
rgb(25,6,6)
cmyk(0,75,75,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

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

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


Color #CC3333 usage in CSS

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


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

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