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(118,50,50)
hsl(0,40%,33%)
cmyk(0,57,57,54)rgb(118,79,50)
hsl(25,40%,33%)
cmyk(0,33,57,54)rgb(118,107,50)
hsl(50,40%,33%)
cmyk(0,10,57,54)rgb(101,118,50)
hsl(75,40%,33%)
cmyk(14,0,57,54)rgb(73,118,50)
hsl(100,40%,33%)
cmyk(38,0,57,54)rgb(50,118,56)
hsl(125,40%,33%)
cmyk(57,0,52,54) Color Saturation Range
+/- 10% shift for S(Saturation) color axis in HSL color model
rgb(93,76,76)
hsl(0,10%,33%)
cmyk(0,18,18,64)rgb(101,67,67)
hsl(0,20%,33%)
cmyk(0,33,33,60)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) Color Lightness Range
+/- 10% shift for L(lightness) color axis in HSL color model.
rgb(11,5,5)
hsl(0,40%,3%)
cmyk(0,57,57,96)rgb(46,20,20)
hsl(0,40%,13%)
cmyk(0,57,57,82)rgb(82,35,35)
hsl(0,40%,23%)
cmyk(0,57,57,68)rgb(118,50,50)
hsl(0,40%,33%)
cmyk(0,57,57,54)rgb(154,66,66)
hsl(0,40%,43%)
cmyk(0,57,57,40)rgb(183,87,87)
hsl(0,40%,53%)
cmyk(0,52,52,28) Color Shades in RGB model range
Color shades in Red range
+/- 30 points shift for
R(Red) color axis.
rgb(28,50,50)
hsl(180,28%,15%)
cmyk(44,0,0,80)rgb(58,50,50)
hsl(0,7%,21%)
cmyk(0,14,14,77)rgb(88,50,50)
hsl(0,28%,27%)
cmyk(0,43,43,65)rgb(118,50,50)
hsl(0,40%,33%)
cmyk(0,58,58,54)rgb(148,50,50)
hsl(0,49%,39%)
cmyk(0,66,66,42)rgb(178,50,50)
hsl(0,56%,45%)
cmyk(0,72,72,30) Color shades in Green range
+/- 30 points shift for
G(Green) color axis.
rgb(118,0,50)
hsl(335,100%,23%)
cmyk(0,100,58,54)rgb(118,30,50)
hsl(346,59%,29%)
cmyk(0,75,58,54)rgb(118,60,50)
hsl(9,40%,33%)
cmyk(0,49,58,54)rgb(118,90,50)
hsl(35,40%,33%)
cmyk(0,24,58,54)rgb(118,120,50)
hsl(62,41%,33%)
cmyk(2,0,58,53)rgb(118,150,50)
hsl(79,50%,39%)
cmyk(21,0,67,41) Color shades in Blue range
+/- 30 points shift for
B(Blue) color axis.
rgb(118,50,0)
hsl(25,100%,23%)
cmyk(0,58,100,54)rgb(118,50,30)
hsl(14,59%,29%)
cmyk(0,58,75,54)rgb(118,50,60)
hsl(351,40%,33%)
cmyk(0,58,49,54)rgb(118,50,90)
hsl(325,40%,33%)
cmyk(0,58,24,54)rgb(118,50,120)
hsl(298,41%,33%)
cmyk(2,58,0,53)rgb(118,50,150)
hsl(281,50%,39%)
cmyk(21,67,0,41) Color Shades in CMYK model range
Color shades in Cyan range
+/- 10 percent shift for
C(Cyan) color axis.
rgb(117,49,49)
hsl(0,41%,33%)
cmyk(0,58,58,54)rgb(106,49,49)
hsl(0,36%,30%)
cmyk(0,53,53,59)rgb(94,49,49)
hsl(0,31%,28%)
cmyk(0,47,47,63)rgb(82,49,49)
hsl(0,25%,26%)
cmyk(0,40,40,68)rgb(70,49,49)
hsl(0,18%,23%)
cmyk(0,30,30,72)rgb(59,49,49)
hsl(0,9%,21%)
cmyk(0,16,16,77) Color shades in Magenta range
+/- 10 percent shift for
M(Magenta) color axis.
rgb(117,84,49)
hsl(31,41%,33%)
cmyk(0,28,58,54)rgb(117,73,49)
hsl(21,41%,33%)
cmyk(0,38,58,54)rgb(117,61,49)
hsl(10,41%,33%)
cmyk(0,48,58,54)rgb(117,49,49)
hsl(0,41%,33%)
cmyk(0,58,58,54)rgb(117,38,49)
hsl(351,52%,30%)
cmyk(0,68,58,54)rgb(117,26,49)
hsl(345,64%,28%)
cmyk(0,78,58,54) Color shades in Yellow range
+/- 10 percent shift for
Y(Yellow) color axis.
rgb(117,49,84)
hsl(329,41%,33%)
cmyk(0,58,28,54)rgb(117,49,73)
hsl(339,41%,33%)
cmyk(0,58,38,54)rgb(117,49,61)
hsl(350,41%,33%)
cmyk(0,58,48,54)rgb(117,49,49)
hsl(0,41%,33%)
cmyk(0,58,58,54)rgb(117,49,38)
hsl(9,52%,30%)
cmyk(0,58,68,54)rgb(117,49,26)
hsl(15,64%,28%)
cmyk(0,58,78,54) Color shades in Black range
+/- 10 percent shift for
B(Black) color axis.
rgb(194,81,81)
hsl(0,48%,54%)
cmyk(0,58,58,24)rgb(168,71,71)
hsl(0,41%,47%)
cmyk(0,58,58,34)rgb(143,60,60)
hsl(0,41%,40%)
cmyk(0,58,58,44)rgb(117,49,49)
hsl(0,41%,33%)
cmyk(0,58,58,54)rgb(92,39,39)
hsl(0,41%,26%)
cmyk(0,58,58,64)rgb(66,28,28)
hsl(0,41%,18%)
cmyk(0,58,58,74) Color HTML/CSS(CSS3) Example
Color rgb(118,50,50) usage in CSS
.bg-rgb-color { background-color: rgb(118,50,50); }
.text-rgb-color { color: rgb(118,50,50); }
.border-rgb-color { border: 1px solid rgb(118,50,50); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(118,50,50); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(118,50,50); }
Color #763232 usage in CSS
.bg-rgb-color { background-color: #763232; }
.text-rgb-color { color: #763232; }
.border-rgb-color { border: 1px solid #763232; }
.text-shadow-rgb-color {text-shadow: 10px 10px 5px #763232; }
.box-shadow-rgb-color {box-shadow: 10px 10px 5px #763232; }
Color hsl(0,40%,33%) usage in CSS
.bg-rgb-color { background-color: hsl(0,40%,33%); }
.text-rgb-color { color: hsl(0,40%,33%); }
.border-rgb-color { border: 1px solid hsl(0,40%,33%); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(0,40%,33%); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(0,40%,33%); }