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(83,50,50)
hsl(0,25%,26%)
cmyk(0,40,40,68)rgb(83,64,50)
hsl(25,25%,26%)
cmyk(0,23,40,68)rgb(83,77,50)
hsl(50,25%,26%)
cmyk(0,7,40,68)rgb(75,83,50)
hsl(75,25%,26%)
cmyk(10,0,40,68)rgb(61,83,50)
hsl(100,25%,26%)
cmyk(27,0,40,68)rgb(50,83,52)
hsl(125,25%,26%)
cmyk(40,0,37,68) Color Saturation Range
+/- 10% shift for S(Saturation) color axis in HSL color model
rgb(66,66,66)
hsl(0,0%,26%)
cmyk(0,0,0,74)rgb(73,73,60)
hsl(60,10%,26%)
cmyk(0,0,18,71)rgb(80,80,53)
hsl(60,20%,26%)
cmyk(0,0,33,69)rgb(86,86,46)
hsl(60,30%,26%)
cmyk(0,0,46,66)rgb(93,93,40)
hsl(60,40%,26%)
cmyk(0,0,57,64)rgb(99,99,33)
hsl(60,50%,26%)
cmyk(0,0,67,61) 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(32,32,19)
hsl(60,25%,10%)
cmyk(0,0,40,88)rgb(64,64,38)
hsl(60,25%,20%)
cmyk(0,0,40,75)rgb(96,96,57)
hsl(60,25%,30%)
cmyk(0,0,40,63)rgb(127,128,77)
hsl(60,25%,40%)
cmyk(0,0,40,50)rgb(159,159,96)
hsl(60,25%,50%)
cmyk(0,0,40,38) Color Shades in RGB model range
Color shades in Red range
+/- 30 points shift for
R(Red) color axis.
rgb(0,84,50)
hsl(156,100%,16%)
cmyk(100,0,40,67)rgb(30,84,50)
hsl(142,47%,22%)
cmyk(64,0,40,67)rgb(60,84,50)
hsl(102,25%,26%)
cmyk(29,0,40,67)rgb(90,84,50)
hsl(51,29%,27%)
cmyk(0,7,44,65)rgb(120,84,50)
hsl(29,41%,33%)
cmyk(0,30,58,53)rgb(150,84,50)
hsl(20,50%,39%)
cmyk(0,44,67,41) Color shades in Green range
+/- 30 points shift for
G(Green) color axis.
rgb(84,0,50)
hsl(324,100%,16%)
cmyk(0,100,40,67)rgb(84,30,50)
hsl(338,47%,22%)
cmyk(0,64,40,67)rgb(84,60,50)
hsl(18,25%,26%)
cmyk(0,29,40,67)rgb(84,90,50)
hsl(69,29%,27%)
cmyk(7,0,44,65)rgb(84,120,50)
hsl(91,41%,33%)
cmyk(30,0,58,53)rgb(84,150,50)
hsl(100,50%,39%)
cmyk(44,0,67,41) Color shades in Blue range
+/- 30 points shift for
B(Blue) color axis.
rgb(84,84,0)
hsl(60,100%,16%)
cmyk(0,0,100,67)rgb(84,84,30)
hsl(60,47%,22%)
cmyk(0,0,64,67)rgb(84,84,60)
hsl(60,17%,28%)
cmyk(0,0,29,67)rgb(84,84,90)
hsl(240,3%,34%)
cmyk(7,7,0,65)rgb(84,84,120)
hsl(240,18%,40%)
cmyk(30,30,0,53)rgb(84,84,150)
hsl(240,28%,46%)
cmyk(44,44,0,41) Color Shades in CMYK model range
Color shades in Cyan range
+/- 10 percent shift for
C(Cyan) color axis.
rgb(84,84,50)
hsl(60,25%,26%)
cmyk(0,0,40,67)rgb(76,84,50)
hsl(75,25%,26%)
cmyk(10,0,40,67)rgb(67,84,50)
hsl(90,25%,26%)
cmyk(20,0,40,67)rgb(59,84,50)
hsl(105,25%,26%)
cmyk(30,0,40,67)rgb(50,84,50)
hsl(120,25%,26%)
cmyk(40,0,40,67)rgb(42,84,50)
hsl(132,33%,25%)
cmyk(50,0,40,67) Color shades in Magenta range
+/- 10 percent shift for
M(Magenta) color axis.
rgb(84,84,50)
hsl(60,25%,26%)
cmyk(0,0,40,67)rgb(84,76,50)
hsl(45,25%,26%)
cmyk(0,10,40,67)rgb(84,67,50)
hsl(30,25%,26%)
cmyk(0,20,40,67)rgb(84,59,50)
hsl(15,25%,26%)
cmyk(0,30,40,67)rgb(84,50,50)
hsl(0,25%,26%)
cmyk(0,40,40,67)rgb(84,42,50)
hsl(348,33%,25%)
cmyk(0,50,40,67) Color shades in Yellow range
+/- 10 percent shift for
Y(Yellow) color axis.
rgb(84,84,76)
hsl(60,5%,31%)
cmyk(0,0,10,67)rgb(84,84,67)
hsl(60,11%,30%)
cmyk(0,0,20,67)rgb(84,84,59)
hsl(60,18%,28%)
cmyk(0,0,30,67)rgb(84,84,50)
hsl(60,25%,26%)
cmyk(0,0,40,67)rgb(84,84,42)
hsl(60,33%,25%)
cmyk(0,0,50,67)rgb(84,84,34)
hsl(60,43%,23%)
cmyk(0,0,60,67) Color shades in Black range
+/- 10 percent shift for
B(Black) color axis.
rgb(161,161,96)
hsl(60,25%,50%)
cmyk(0,0,40,37)rgb(135,135,81)
hsl(60,25%,42%)
cmyk(0,0,40,47)rgb(110,110,66)
hsl(60,25%,34%)
cmyk(0,0,40,57)rgb(84,84,50)
hsl(60,25%,26%)
cmyk(0,0,40,67)rgb(59,59,35)
hsl(60,25%,18%)
cmyk(0,0,40,77)rgb(33,33,20)
hsl(60,25%,10%)
cmyk(0,0,40,87) Color HTML/CSS(CSS3) Example
Color rgb(84,84,50) usage in CSS
.bg-rgb-color { background-color: rgb(84,84,50); }
.text-rgb-color { color: rgb(84,84,50); }
.border-rgb-color { border: 1px solid rgb(84,84,50); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(84,84,50); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(84,84,50); }
Color #545432 usage in CSS
.bg-rgb-color { background-color: #545432; }
.text-rgb-color { color: #545432; }
.border-rgb-color { border: 1px solid #545432; }
.text-shadow-rgb-color {text-shadow: 10px 10px 5px #545432; }
.box-shadow-rgb-color {box-shadow: 10px 10px 5px #545432; }
Color hsl(60,25%,26%) usage in CSS
.bg-rgb-color { background-color: hsl(60,25%,26%); }
.text-rgb-color { color: hsl(60,25%,26%); }
.border-rgb-color { border: 1px solid hsl(60,25%,26%); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(60,25%,26%); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(60,25%,26%); }