rgb(51,51,51) / #333333

rgb(51,51,51)

hsl(0,0%,20%)

cmyk(0,0,0,80)


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,0%,10%)
rgb(26,26,26)
cmyk(0,0,0,90)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,30%)
rgb(77,77,77)
cmyk(0,0,0,70)
hsl(0,0%,40%)
rgb(102,102,102)
cmyk(0,0,0,60)
hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50)
hsl(0,0%,60%)
rgb(153,153,153)
cmyk(0,0,0,40)
hsl(0,0%,70%)
rgb(179,179,179)
cmyk(0,0,0,30)

Color Saturation Range

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

hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,10%,20%)
rgb(56,46,46)
cmyk(0,18,18,78)
hsl(0,20%,20%)
rgb(61,41,41)
cmyk(0,33,33,76)
hsl(0,30%,20%)
rgb(66,36,36)
cmyk(0,46,46,74)
hsl(0,40%,20%)
rgb(71,31,31)
cmyk(0,57,57,72)
hsl(0,50%,20%)
rgb(77,25,25)
cmyk(0,67,67,70)
hsl(0,60%,20%)
rgb(82,20,20)
cmyk(0,75,75,68)
hsl(0,70%,20%)
rgb(87,15,15)
cmyk(0,82,82,66)

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,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,100%,10%)
rgb(0,51,51)
cmyk(100,0,0,80)
hsl(180,34%,15%)
rgb(25,51,51)
cmyk(51,0,0,80)
hsl(180,1%,20%)
rgb(50,51,51)
cmyk(2,0,0,80)
hsl(0,19%,25%)
rgb(75,51,51)
cmyk(0,32,32,71)
hsl(0,32%,30%)
rgb(100,51,51)
cmyk(0,49,49,61)
hsl(0,42%,35%)
rgb(125,51,51)
cmyk(0,59,59,51)
hsl(0,49%,39%)
rgb(150,51,51)
cmyk(0,66,66,41)
hsl(0,55%,44%)
rgb(175,51,51)
cmyk(0,71,71,31)

Color shades in Green range

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

hsl(300,100%,10%)
rgb(51,0,51)
cmyk(0,100,0,80)
hsl(300,34%,15%)
rgb(51,25,51)
cmyk(0,51,0,80)
hsl(300,1%,20%)
rgb(51,50,51)
cmyk(0,2,0,80)
hsl(120,19%,25%)
rgb(51,75,51)
cmyk(32,0,32,71)
hsl(120,32%,30%)
rgb(51,100,51)
cmyk(49,0,49,61)
hsl(120,42%,35%)
rgb(51,125,51)
cmyk(59,0,59,51)
hsl(120,49%,39%)
rgb(51,150,51)
cmyk(66,0,66,41)
hsl(120,55%,44%)
rgb(51,175,51)
cmyk(71,0,71,31)

Color shades in Blue range

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

hsl(60,100%,10%)
rgb(51,51,0)
cmyk(0,0,100,80)
hsl(60,34%,15%)
rgb(51,51,25)
cmyk(0,0,51,80)
hsl(60,1%,20%)
rgb(51,51,50)
cmyk(0,0,2,80)
hsl(240,19%,25%)
rgb(51,51,75)
cmyk(32,32,0,71)
hsl(240,32%,30%)
rgb(51,51,100)
cmyk(49,49,0,61)
hsl(240,42%,35%)
rgb(51,51,125)
cmyk(59,59,0,51)
hsl(240,49%,39%)
rgb(51,51,150)
cmyk(66,66,0,41)
hsl(240,55%,44%)
rgb(51,51,175)
cmyk(71,71,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(180,5%,19%)
rgb(46,51,51)
cmyk(10,0,0,80)
hsl(180,11%,18%)
rgb(41,51,51)
cmyk(20,0,0,80)
hsl(180,18%,17%)
rgb(36,51,51)
cmyk(30,0,0,80)
hsl(180,25%,16%)
rgb(31,51,51)
cmyk(40,0,0,80)
hsl(180,33%,15%)
rgb(25,51,51)
cmyk(50,0,0,80)
hsl(180,43%,14%)
rgb(20,51,51)
cmyk(60,0,0,80)
hsl(180,54%,13%)
rgb(15,51,51)
cmyk(70,0,0,80)

Color shades in Magenta range

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

hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(300,5%,19%)
rgb(51,46,51)
cmyk(0,10,0,80)
hsl(300,11%,18%)
rgb(51,41,51)
cmyk(0,20,0,80)
hsl(300,18%,17%)
rgb(51,36,51)
cmyk(0,30,0,80)
hsl(300,25%,16%)
rgb(51,31,51)
cmyk(0,40,0,80)
hsl(300,33%,15%)
rgb(51,25,51)
cmyk(0,50,0,80)
hsl(300,43%,14%)
rgb(51,20,51)
cmyk(0,60,0,80)
hsl(300,54%,13%)
rgb(51,15,51)
cmyk(0,70,0,80)

Color shades in Yellow range

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

hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80)
hsl(60,5%,19%)
rgb(51,51,46)
cmyk(0,0,10,80)
hsl(60,11%,18%)
rgb(51,51,41)
cmyk(0,0,20,80)
hsl(60,18%,17%)
rgb(51,51,36)
cmyk(0,0,30,80)
hsl(60,25%,16%)
rgb(51,51,31)
cmyk(0,0,40,80)
hsl(60,33%,15%)
rgb(51,51,25)
cmyk(0,0,50,80)
hsl(60,43%,14%)
rgb(51,51,20)
cmyk(0,0,60,80)
hsl(60,54%,13%)
rgb(51,51,15)
cmyk(0,0,70,80)

Color shades in Black range

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

hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)
hsl(0,0%,90%)
rgb(230,230,230)
cmyk(0,0,0,10)
hsl(0,0%,80%)
rgb(204,204,204)
cmyk(0,0,0,20)
hsl(0,0%,70%)
rgb(179,179,179)
cmyk(0,0,0,30)
hsl(0,0%,60%)
rgb(153,153,153)
cmyk(0,0,0,40)
hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50)
hsl(0,0%,40%)
rgb(102,102,102)
cmyk(0,0,0,60)
hsl(0,0%,30%)
rgb(77,77,77)
cmyk(0,0,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #333333 usage in CSS

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


Color hsl(0,0%,20%) usage in CSS

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