rgb(49,51,53) / #313335

rgb(49,51,53)

hsl(210,4%,20%)

cmyk(8,4,0,79)


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(210,4%,10%)
rgb(24,26,27)
cmyk(8,4,0,90)
hsl(210,4%,20%)
rgb(49,51,53)
cmyk(8,4,0,79)
hsl(210,4%,30%)
rgb(73,77,80)
cmyk(8,4,0,69)
hsl(210,4%,40%)
rgb(98,102,106)
cmyk(8,4,0,58)
hsl(210,4%,50%)
rgb(122,128,133)
cmyk(8,4,0,48)
hsl(210,4%,60%)
rgb(149,153,157)
cmyk(5,3,0,38)
hsl(210,4%,70%)
rgb(175,179,182)
cmyk(3,2,0,29)

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(210,10%,20%)
rgb(46,51,56)
cmyk(18,9,0,78)
hsl(210,20%,20%)
rgb(41,51,61)
cmyk(33,17,0,76)
hsl(210,30%,20%)
rgb(36,51,66)
cmyk(46,23,0,74)
hsl(210,40%,20%)
rgb(31,51,71)
cmyk(57,29,0,72)
hsl(210,50%,20%)
rgb(25,51,77)
cmyk(67,33,0,70)
hsl(210,60%,20%)
rgb(20,51,82)
cmyk(75,38,0,68)
hsl(210,70%,20%)
rgb(15,51,87)
cmyk(82,41,0,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(170,4%,20%)
rgb(49,53,52)
cmyk(8,0,1,79)
hsl(180,4%,20%)
rgb(49,53,53)
cmyk(8,0,0,79)
hsl(190,4%,20%)
rgb(49,52,53)
cmyk(8,1,0,79)
hsl(200,4%,20%)
rgb(49,52,53)
cmyk(8,3,0,79)
hsl(210,4%,20%)
rgb(49,51,53)
cmyk(8,4,0,79)
hsl(220,4%,20%)
rgb(49,50,53)
cmyk(8,5,0,79)
hsl(230,4%,20%)
rgb(49,50,53)
cmyk(8,6,0,79)
hsl(240,4%,20%)
rgb(49,49,53)
cmyk(8,8,0,79)

Color Shades in RGB model range

Color shades in Red range

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

hsl(182,100%,10%)
rgb(0,51,53)
cmyk(100,4,0,79)
hsl(184,36%,15%)
rgb(25,51,53)
cmyk(53,4,0,79)
hsl(220,3%,20%)
rgb(50,51,53)
cmyk(6,4,0,79)
hsl(355,19%,25%)
rgb(75,51,53)
cmyk(0,32,29,71)
hsl(358,32%,30%)
rgb(100,51,53)
cmyk(0,49,47,61)
hsl(358,42%,35%)
rgb(125,51,53)
cmyk(0,59,58,51)
hsl(359,49%,39%)
rgb(150,51,53)
cmyk(0,66,65,41)
hsl(359,55%,44%)
rgb(175,51,53)
cmyk(0,71,70,31)

Color shades in Green range

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

hsl(295,100%,10%)
rgb(49,0,53)
cmyk(8,100,0,79)
hsl(291,36%,15%)
rgb(49,25,53)
cmyk(8,53,0,79)
hsl(225,4%,20%)
rgb(49,50,53)
cmyk(8,6,0,79)
hsl(129,21%,24%)
rgb(49,75,53)
cmyk(35,0,29,71)
hsl(125,34%,29%)
rgb(49,100,53)
cmyk(51,0,47,61)
hsl(123,44%,34%)
rgb(49,125,53)
cmyk(61,0,58,51)
hsl(122,51%,39%)
rgb(49,150,53)
cmyk(67,0,65,41)
hsl(122,56%,44%)
rgb(49,175,53)
cmyk(72,0,70,31)

Color shades in Blue range

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

hsl(62,100%,10%)
rgb(49,51,0)
cmyk(4,0,100,80)
hsl(65,34%,15%)
rgb(49,51,25)
cmyk(4,0,51,80)
hsl(150,2%,20%)
rgb(49,51,50)
cmyk(4,0,2,80)
hsl(235,21%,24%)
rgb(49,51,75)
cmyk(35,32,0,71)
hsl(238,34%,29%)
rgb(49,51,100)
cmyk(51,49,0,61)
hsl(238,44%,34%)
rgb(49,51,125)
cmyk(61,59,0,51)
hsl(239,51%,39%)
rgb(49,51,150)
cmyk(67,66,0,41)
hsl(239,56%,44%)
rgb(49,51,175)
cmyk(72,71,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,2%,21%)
rgb(54,51,54)
cmyk(0,4,0,79)
hsl(204,5%,20%)
rgb(48,51,54)
cmyk(10,4,0,79)
hsl(192,11%,19%)
rgb(43,51,54)
cmyk(20,4,0,79)
hsl(188,18%,18%)
rgb(37,51,54)
cmyk(30,4,0,79)
hsl(186,25%,17%)
rgb(32,51,54)
cmyk(40,4,0,79)
hsl(185,33%,16%)
rgb(27,51,54)
cmyk(50,4,0,79)
hsl(184,43%,15%)
rgb(21,51,54)
cmyk(60,4,0,79)
hsl(183,54%,14%)
rgb(16,51,54)
cmyk(70,4,0,79)

Color shades in Magenta range

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

hsl(180,4%,20%)
rgb(49,54,54)
cmyk(8,0,0,79)
hsl(252,5%,20%)
rgb(49,48,54)
cmyk(8,10,0,79)
hsl(276,11%,19%)
rgb(49,43,54)
cmyk(8,20,0,79)
hsl(284,18%,18%)
rgb(49,37,54)
cmyk(8,30,0,79)
hsl(288,25%,17%)
rgb(49,32,54)
cmyk(8,40,0,79)
hsl(290,33%,16%)
rgb(49,27,54)
cmyk(8,50,0,79)
hsl(292,43%,15%)
rgb(49,21,54)
cmyk(8,60,0,79)
hsl(293,54%,14%)
rgb(49,16,54)
cmyk(8,70,0,79)

Color shades in Yellow range

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

hsl(210,4%,20%)
rgb(49,51,54)
cmyk(8,4,0,79)
hsl(100,3%,20%)
rgb(49,51,48)
cmyk(4,0,6,80)
hsl(75,9%,18%)
rgb(49,51,43)
cmyk(4,0,17,80)
hsl(69,16%,17%)
rgb(49,51,37)
cmyk(4,0,27,80)
hsl(67,23%,16%)
rgb(49,51,32)
cmyk(4,0,38,80)
hsl(65,32%,15%)
rgb(49,51,27)
cmyk(4,0,48,80)
hsl(64,41%,14%)
rgb(49,51,21)
cmyk(4,0,58,80)
hsl(64,52%,13%)
rgb(49,51,16)
cmyk(4,0,69,80)

Color shades in Black range

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

hsl(210,100%,96%)
rgb(235,245,255)
cmyk(8,4,0,0)
hsl(210,26%,86%)
rgb(211,220,230)
cmyk(8,4,0,10)
hsl(210,14%,77%)
rgb(188,196,204)
cmyk(8,4,0,20)
hsl(210,9%,67%)
rgb(164,171,179)
cmyk(8,4,0,30)
hsl(210,6%,58%)
rgb(141,147,153)
cmyk(8,4,0,40)
hsl(210,4%,48%)
rgb(117,122,128)
cmyk(8,4,0,50)
hsl(210,4%,38%)
rgb(94,98,102)
cmyk(8,4,0,60)
hsl(210,4%,29%)
rgb(70,73,77)
cmyk(8,4,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #313335 usage in CSS

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


Color hsl(210,4%,20%) usage in CSS

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