rgb(153,51,51) / #993333

rgb(153,51,51)

hsl(0,50%,40%)

cmyk(0,67,67,40)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)
hsl(0,50%,10%)
rgb(38,13,13)
cmyk(0,67,67,85)
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)

Color Saturation Range

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

hsl(0,10%,40%)
rgb(112,92,92)
cmyk(0,18,18,56)
hsl(0,20%,40%)
rgb(122,82,82)
cmyk(0,33,33,52)
hsl(0,30%,40%)
rgb(133,71,71)
cmyk(0,46,46,48)
hsl(0,40%,40%)
rgb(143,61,61)
cmyk(0,57,57,44)
hsl(0,50%,40%)
rgb(153,51,51)
cmyk(0,67,67,40)
hsl(0,60%,40%)
rgb(163,41,41)
cmyk(0,75,75,36)
hsl(0,70%,40%)
rgb(173,31,31)
cmyk(0,82,82,32)
hsl(0,80%,40%)
rgb(184,20,20)
cmyk(0,89,89,28)

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%,40%)
rgb(153,51,51)
cmyk(0,67,67,40)
hsl(10,50%,40%)
rgb(153,68,51)
cmyk(0,56,67,40)
hsl(20,50%,40%)
rgb(153,85,51)
cmyk(0,44,67,40)
hsl(30,50%,40%)
rgb(153,102,51)
cmyk(0,33,67,40)
hsl(40,50%,40%)
rgb(153,119,51)
cmyk(0,22,67,40)
hsl(50,50%,40%)
rgb(153,136,51)
cmyk(0,11,67,40)
hsl(60,50%,40%)
rgb(153,153,51)
cmyk(0,0,67,40)
hsl(70,50%,40%)
rgb(136,153,51)
cmyk(11,0,67,40)

Color Shades in RGB model range

Color shades in Red range

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

hsl(0,2%,20%)
rgb(53,51,51)
cmyk(0,4,4,79)
hsl(0,21%,25%)
rgb(78,51,51)
cmyk(0,35,35,69)
hsl(0,34%,30%)
rgb(103,51,51)
cmyk(0,50,50,60)
hsl(0,43%,35%)
rgb(128,51,51)
cmyk(0,60,60,50)
hsl(0,50%,40%)
rgb(153,51,51)
cmyk(0,67,67,40)
hsl(0,55%,45%)
rgb(178,51,51)
cmyk(0,71,71,30)
hsl(0,60%,50%)
rgb(203,51,51)
cmyk(0,75,75,20)
hsl(0,77%,55%)
rgb(228,51,51)
cmyk(0,78,78,11)

Color shades in Green range

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

hsl(340,100%,30%)
rgb(153,0,51)
cmyk(0,100,67,40)
hsl(348,72%,35%)
rgb(153,25,51)
cmyk(0,84,67,40)
hsl(359,51%,40%)
rgb(153,50,51)
cmyk(0,67,67,40)
hsl(14,50%,40%)
rgb(153,75,51)
cmyk(0,51,67,40)
hsl(29,50%,40%)
rgb(153,100,51)
cmyk(0,35,67,40)
hsl(44,50%,40%)
rgb(153,125,51)
cmyk(0,18,67,40)
hsl(58,50%,40%)
rgb(153,150,51)
cmyk(0,2,67,40)
hsl(71,55%,44%)
rgb(153,175,51)
cmyk(13,0,71,31)

Color shades in Blue range

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

hsl(20,100%,30%)
rgb(153,51,0)
cmyk(0,67,100,40)
hsl(12,72%,35%)
rgb(153,51,25)
cmyk(0,67,84,40)
hsl(1,51%,40%)
rgb(153,51,50)
cmyk(0,67,67,40)
hsl(346,50%,40%)
rgb(153,51,75)
cmyk(0,67,51,40)
hsl(331,50%,40%)
rgb(153,51,100)
cmyk(0,67,35,40)
hsl(316,50%,40%)
rgb(153,51,125)
cmyk(0,67,18,40)
hsl(302,50%,40%)
rgb(153,51,150)
cmyk(0,67,2,40)
hsl(289,55%,44%)
rgb(153,51,175)
cmyk(13,71,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,50%,40%)
rgb(153,50,50)
cmyk(0,67,67,40)
hsl(0,46%,37%)
rgb(138,50,50)
cmyk(0,63,63,46)
hsl(0,42%,34%)
rgb(122,50,50)
cmyk(0,59,59,52)
hsl(0,36%,31%)
rgb(107,50,50)
cmyk(0,53,53,58)
hsl(0,29%,28%)
rgb(92,50,50)
cmyk(0,45,45,64)
hsl(0,20%,25%)
rgb(77,50,50)
cmyk(0,34,34,70)
hsl(0,10%,22%)
rgb(61,50,50)
cmyk(0,18,18,76)
hsl(180,5%,19%)
rgb(46,50,50)
cmyk(9,0,0,80)

Color shades in Magenta range

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

hsl(36,50%,40%)
rgb(153,112,50)
cmyk(0,27,67,40)
hsl(27,50%,40%)
rgb(153,96,50)
cmyk(0,37,67,40)
hsl(18,50%,40%)
rgb(153,81,50)
cmyk(0,47,67,40)
hsl(9,50%,40%)
rgb(153,66,50)
cmyk(0,57,67,40)
hsl(0,50%,40%)
rgb(153,50,50)
cmyk(0,67,67,40)
hsl(352,63%,37%)
rgb(153,35,50)
cmyk(0,77,67,40)
hsl(346,77%,34%)
rgb(153,20,50)
cmyk(0,87,67,40)
hsl(341,94%,31%)
rgb(153,5,50)
cmyk(0,97,67,40)

Color shades in Yellow range

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

hsl(324,50%,40%)
rgb(153,50,112)
cmyk(0,67,27,40)
hsl(333,50%,40%)
rgb(153,50,96)
cmyk(0,67,37,40)
hsl(342,50%,40%)
rgb(153,50,81)
cmyk(0,67,47,40)
hsl(351,50%,40%)
rgb(153,50,66)
cmyk(0,67,57,40)
hsl(0,50%,40%)
rgb(153,50,50)
cmyk(0,67,67,40)
hsl(8,63%,37%)
rgb(153,50,35)
cmyk(0,67,77,40)
hsl(14,77%,34%)
rgb(153,50,20)
cmyk(0,67,87,40)
hsl(19,94%,31%)
rgb(153,50,5)
cmyk(0,67,97,40)

Color shades in Black range

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

hsl(0,50%,49%)
rgb(186,61,61)
cmyk(0,67,67,27)
hsl(0,50%,42%)
rgb(161,53,53)
cmyk(0,67,67,37)
hsl(0,50%,35%)
rgb(135,45,45)
cmyk(0,67,67,47)
hsl(0,50%,29%)
rgb(110,36,36)
cmyk(0,67,67,57)
hsl(0,50%,22%)
rgb(84,28,28)
cmyk(0,67,67,67)
hsl(0,50%,15%)
rgb(59,19,19)
cmyk(0,67,67,77)
hsl(0,50%,9%)
rgb(33,11,11)
cmyk(0,67,67,87)
hsl(0,50%,2%)
rgb(8,3,3)
cmyk(0,67,67,97)

Color HTML/CSS(CSS3) Example

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

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


Color #993333 usage in CSS

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


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

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