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(153,0,0)
hsl(0,100%,30%)
cmyk(0,100,100,40)rgb(153,64,0)
hsl(25,100%,30%)
cmyk(0,58,100,40)rgb(153,128,0)
hsl(50,100%,30%)
cmyk(0,17,100,40)rgb(115,153,0)
hsl(75,100%,30%)
cmyk(25,0,100,40)rgb(51,153,0)
hsl(100,100%,30%)
cmyk(67,0,100,40)rgb(0,153,13)
hsl(125,100%,30%)
cmyk(100,0,92,40) Color Saturation Range
+/- 10% shift for S(Saturation) color axis in HSL color model
rgb(115,80,38)
hsl(33,50%,30%)
cmyk(0,30,67,55)rgb(122,81,31)
hsl(33,60%,30%)
cmyk(0,34,75,52)rgb(130,82,23)
hsl(33,70%,30%)
cmyk(0,37,82,49)rgb(138,83,15)
hsl(33,80%,30%)
cmyk(0,40,89,46)rgb(145,83,8)
hsl(33,90%,30%)
cmyk(0,43,95,43)rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40) Color Lightness Range
+/- 10% shift for L(lightness) color axis in HSL color model.
rgb(0,0,0)
hsl(0,0%,0%)
cmyk(0,0,0,100)rgb(51,28,0)
hsl(33,100%,10%)
cmyk(0,45,100,80)rgb(102,56,0)
hsl(33,100%,20%)
cmyk(0,45,100,60)rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40)rgb(204,112,0)
hsl(33,100%,40%)
cmyk(0,45,100,20)rgb(255,140,0)
hsl(33,100%,50%)
cmyk(0,45,100,0) Color Shades in RGB model range
Color shades in Red range
+/- 30 points shift for
R(Red) color axis.
rgb(63,84,0)
hsl(75,100%,16%)
cmyk(25,0,100,67)rgb(93,84,0)
hsl(54,100%,18%)
cmyk(0,10,100,64)rgb(123,84,0)
hsl(41,100%,24%)
cmyk(0,32,100,52)rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40)rgb(183,84,0)
hsl(28,100%,36%)
cmyk(0,54,100,28)rgb(213,84,0)
hsl(24,100%,42%)
cmyk(0,61,100,16) Color shades in Green range
+/- 30 points shift for
G(Green) color axis.
rgb(153,0,0)
hsl(0,100%,30%)
cmyk(0,100,100,40)rgb(153,30,0)
hsl(12,100%,30%)
cmyk(0,80,100,40)rgb(153,60,0)
hsl(24,100%,30%)
cmyk(0,61,100,40)rgb(153,90,0)
hsl(35,100%,30%)
cmyk(0,41,100,40)rgb(153,120,0)
hsl(47,100%,30%)
cmyk(0,22,100,40)rgb(153,150,0)
hsl(59,100%,30%)
cmyk(0,2,100,40) Color shades in Blue range
+/- 30 points shift for
B(Blue) color axis.
rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40)rgb(153,84,30)
hsl(26,67%,36%)
cmyk(0,45,80,40)rgb(153,84,60)
hsl(15,44%,42%)
cmyk(0,45,61,40)rgb(153,84,90)
hsl(355,29%,46%)
cmyk(0,45,41,40)rgb(153,84,120)
hsl(329,29%,46%)
cmyk(0,45,22,40)rgb(153,84,150)
hsl(303,29%,46%)
cmyk(0,45,2,40) Color Shades in CMYK model range
Color shades in Cyan range
+/- 10 percent shift for
C(Cyan) color axis.
rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40)rgb(138,84,0)
hsl(37,100%,27%)
cmyk(0,39,100,46)rgb(122,84,0)
hsl(41,100%,24%)
cmyk(0,31,100,52)rgb(107,84,0)
hsl(47,100%,21%)
cmyk(0,21,100,58)rgb(92,84,0)
hsl(55,100%,18%)
cmyk(0,8,100,64)rgb(77,84,0)
hsl(65,100%,16%)
cmyk(9,0,100,67) Color shades in Magenta range
+/- 10 percent shift for
M(Magenta) color axis.
rgb(153,130,0)
hsl(51,100%,30%)
cmyk(0,15,100,40)rgb(153,115,0)
hsl(45,100%,30%)
cmyk(0,25,100,40)rgb(153,99,0)
hsl(39,100%,30%)
cmyk(0,35,100,40)rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40)rgb(153,69,0)
hsl(27,100%,30%)
cmyk(0,55,100,40)rgb(153,54,0)
hsl(21,100%,30%)
cmyk(0,65,100,40) Color shades in Yellow range
+/- 10 percent shift for
Y(Yellow) color axis.
rgb(153,84,77)
hsl(6,33%,45%)
cmyk(0,45,50,40)rgb(153,84,61)
hsl(15,43%,42%)
cmyk(0,45,60,40)rgb(153,84,46)
hsl(21,54%,39%)
cmyk(0,45,70,40)rgb(153,84,31)
hsl(26,67%,36%)
cmyk(0,45,80,40)rgb(153,84,15)
hsl(30,82%,33%)
cmyk(0,45,90,40)rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40) Color shades in Black range
+/- 10 percent shift for
B(Black) color axis.
rgb(230,126,0)
hsl(33,100%,45%)
cmyk(0,45,100,10)rgb(204,112,0)
hsl(33,100%,40%)
cmyk(0,45,100,20)rgb(179,98,0)
hsl(33,100%,35%)
cmyk(0,45,100,30)rgb(153,84,0)
hsl(33,100%,30%)
cmyk(0,45,100,40)rgb(128,70,0)
hsl(33,100%,25%)
cmyk(0,45,100,50)rgb(102,56,0)
hsl(33,100%,20%)
cmyk(0,45,100,60) Color HTML/CSS(CSS3) Example
Color rgb(153,84,0) usage in CSS
.bg-rgb-color { background-color: rgb(153,84,0); }
.text-rgb-color { color: rgb(153,84,0); }
.border-rgb-color { border: 1px solid rgb(153,84,0); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(153,84,0); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(153,84,0); }
Color #995400 usage in CSS
.bg-rgb-color { background-color: #995400; }
.text-rgb-color { color: #995400; }
.border-rgb-color { border: 1px solid #995400; }
.text-shadow-rgb-color {text-shadow: 10px 10px 5px #995400; }
.box-shadow-rgb-color {box-shadow: 10px 10px 5px #995400; }
Color hsl(33,100%,30%) usage in CSS
.bg-rgb-color { background-color: hsl(33,100%,30%); }
.text-rgb-color { color: hsl(33,100%,30%); }
.border-rgb-color { border: 1px solid hsl(33,100%,30%); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(33,100%,30%); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(33,100%,30%); }