rgb(135,34,34) / #872222

#872222

rgb(135,34,34)

hsl(0,60%,33%)

cmyk(0,75,75,47)

Color Shades in HSL model

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.
+/- 25 grad shift for H(Hue) color axis in HSL color model.

rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(135,76,34)
hsl(25,60%,33%)
cmyk(0,44,75,47)rgb(135,118,34)
hsl(50,60%,33%)
cmyk(0,12,75,47)rgb(109,135,34)
hsl(75,60%,33%)
cmyk(19,0,75,47)rgb(67,135,34)
hsl(100,60%,33%)
cmyk(50,0,75,47)rgb(34,135,42)
hsl(125,60%,33%)
cmyk(75,0,69,47)

Color Saturation Range

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

rgb(109,59,59)
hsl(0,30%,33%)
cmyk(0,46,46,57)rgb(118,50,50)
hsl(0,40%,33%)
cmyk(0,57,57,54)rgb(126,42,42)
hsl(0,50%,33%)
cmyk(0,67,67,51)rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(143,25,25)
hsl(0,70%,33%)
cmyk(0,82,82,44)rgb(151,17,17)
hsl(0,80%,33%)
cmyk(0,89,89,41)

Color Lightness Range

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

rgb(12,3,3)
hsl(0,60%,3%)
cmyk(0,75,75,95)rgb(53,13,13)
hsl(0,60%,13%)
cmyk(0,75,75,79)rgb(94,23,23)
hsl(0,60%,23%)
cmyk(0,75,75,63)rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(175,44,44)
hsl(0,60%,43%)
cmyk(0,75,75,31)rgb(207,63,63)
hsl(0,60%,53%)
cmyk(0,69,69,19)

Color Shades in RGB model range

Color shades in Red range

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

rgb(45,34,34)
hsl(0,14%,15%)
cmyk(0,24,24,82)rgb(75,34,34)
hsl(0,38%,21%)
cmyk(0,55,55,71)rgb(105,34,34)
hsl(0,51%,27%)
cmyk(0,68,68,59)rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(165,34,34)
hsl(0,66%,39%)
cmyk(0,79,79,35)rgb(195,34,34)
hsl(0,70%,45%)
cmyk(0,83,83,24)

Color shades in Green range

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

rgb(135,0,34)
hsl(345,100%,26%)
cmyk(0,100,75,47)rgb(135,30,34)
hsl(358,64%,32%)
cmyk(0,78,75,47)rgb(135,60,34)
hsl(15,60%,33%)
cmyk(0,56,75,47)rgb(135,90,34)
hsl(33,60%,33%)
cmyk(0,33,75,47)rgb(135,120,34)
hsl(51,60%,33%)
cmyk(0,11,75,47)rgb(135,150,34)
hsl(68,63%,36%)
cmyk(10,0,77,41)

Color shades in Blue range

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

rgb(135,34,0)
hsl(15,100%,26%)
cmyk(0,75,100,47)rgb(135,34,30)
hsl(2,64%,32%)
cmyk(0,75,78,47)rgb(135,34,60)
hsl(345,60%,33%)
cmyk(0,75,56,47)rgb(135,34,90)
hsl(327,60%,33%)
cmyk(0,75,33,47)rgb(135,34,120)
hsl(309,60%,33%)
cmyk(0,75,11,47)rgb(135,34,150)
hsl(292,63%,36%)
cmyk(10,77,0,41)

Color Shades in CMYK model range

Color shades in Cyan range

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

rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(122,34,34)
hsl(0,57%,30%)
cmyk(0,72,72,52)rgb(108,34,34)
hsl(0,52%,28%)
cmyk(0,69,69,58)rgb(95,34,34)
hsl(0,47%,25%)
cmyk(0,64,64,63)rgb(81,34,34)
hsl(0,41%,23%)
cmyk(0,58,58,68)rgb(68,34,34)
hsl(0,33%,20%)
cmyk(0,50,50,74)

Color shades in Magenta range

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

rgb(135,74,34)
hsl(24,60%,33%)
cmyk(0,45,75,47)rgb(135,61,34)
hsl(16,60%,33%)
cmyk(0,55,75,47)rgb(135,47,34)
hsl(8,60%,33%)
cmyk(0,65,75,47)rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(135,20,34)
hsl(353,74%,30%)
cmyk(0,85,75,47)rgb(135,7,34)
hsl(347,90%,28%)
cmyk(0,95,75,47)

Color shades in Yellow range

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

rgb(135,34,74)
hsl(336,60%,33%)
cmyk(0,75,45,47)rgb(135,34,61)
hsl(344,60%,33%)
cmyk(0,75,55,47)rgb(135,34,47)
hsl(352,60%,33%)
cmyk(0,75,65,47)rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(135,34,20)
hsl(7,74%,30%)
cmyk(0,75,85,47)rgb(135,34,7)
hsl(13,90%,28%)
cmyk(0,75,95,47)

Color shades in Black range

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

rgb(212,53,53)
hsl(0,65%,52%)
cmyk(0,75,75,17)rgb(186,47,47)
hsl(0,60%,46%)
cmyk(0,75,75,27)rgb(161,40,40)
hsl(0,60%,39%)
cmyk(0,75,75,37)rgb(135,34,34)
hsl(0,60%,33%)
cmyk(0,75,75,47)rgb(110,27,27)
hsl(0,60%,27%)
cmyk(0,75,75,57)rgb(84,21,21)
hsl(0,60%,21%)
cmyk(0,75,75,67)

Color HTML/CSS(CSS3) Example

Color rgb(135,34,34) usage in CSS

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

Color #872222 usage in CSS

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

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

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