rgb(77,69,77) / #4D454D

rgb(77,69,77)

hsl(300,5%,29%)

cmyk(0,10,0,70)


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(300,5%,10%)
rgb(27,24,27)
cmyk(0,10,0,90)
hsl(300,5%,20%)
rgb(54,48,54)
cmyk(0,10,0,79)
hsl(300,5%,30%)
rgb(80,73,80)
cmyk(0,10,0,69)
hsl(300,5%,40%)
rgb(107,97,107)
cmyk(0,10,0,58)
hsl(300,5%,50%)
rgb(134,121,134)
cmyk(0,10,0,48)
hsl(300,5%,60%)
rgb(158,148,158)
cmyk(0,6,0,38)
hsl(300,5%,70%)
rgb(182,175,182)
cmyk(0,4,0,29)

Color Saturation Range

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

hsl(0,0%,29%)
rgb(74,74,74)
cmyk(0,0,0,71)
hsl(300,10%,29%)
rgb(81,67,81)
cmyk(0,18,0,68)
hsl(300,20%,29%)
rgb(89,59,89)
cmyk(0,33,0,65)
hsl(300,30%,29%)
rgb(96,52,96)
cmyk(0,46,0,62)
hsl(300,40%,29%)
rgb(104,44,104)
cmyk(0,57,0,59)
hsl(300,50%,29%)
rgb(111,37,111)
cmyk(0,67,0,57)
hsl(300,60%,29%)
rgb(118,30,118)
cmyk(0,75,0,54)
hsl(300,70%,29%)
rgb(126,22,126)
cmyk(0,82,0,51)

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(260,5%,29%)
rgb(73,70,78)
cmyk(6,10,0,70)
hsl(270,5%,29%)
rgb(74,70,78)
cmyk(5,10,0,70)
hsl(280,5%,29%)
rgb(75,70,78)
cmyk(3,10,0,70)
hsl(290,5%,29%)
rgb(76,70,78)
cmyk(2,10,0,70)
hsl(300,5%,29%)
rgb(78,70,78)
cmyk(0,10,0,70)
hsl(310,5%,29%)
rgb(78,70,76)
cmyk(0,10,2,70)
hsl(320,5%,29%)
rgb(78,70,75)
cmyk(0,10,3,70)
hsl(330,5%,29%)
rgb(78,70,74)
cmyk(0,10,5,70)

Color Shades in RGB model range

Color shades in Red range

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

hsl(186,100%,15%)
rgb(0,69,77)
cmyk(100,10,0,70)
hsl(189,51%,20%)
rgb(25,69,77)
cmyk(68,10,0,70)
hsl(198,21%,25%)
rgb(50,69,77)
cmyk(35,10,0,70)
hsl(285,5%,29%)
rgb(75,69,77)
cmyk(3,10,0,70)
hsl(345,18%,33%)
rgb(100,69,77)
cmyk(0,31,23,61)
hsl(351,29%,38%)
rgb(125,69,77)
cmyk(0,45,38,51)
hsl(354,37%,43%)
rgb(150,69,77)
cmyk(0,54,49,41)
hsl(355,43%,48%)
rgb(175,69,77)
cmyk(0,61,56,31)

Color shades in Green range

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

hsl(300,100%,15%)
rgb(77,0,77)
cmyk(0,100,0,70)
hsl(300,51%,20%)
rgb(77,25,77)
cmyk(0,68,0,70)
hsl(300,21%,25%)
rgb(77,50,77)
cmyk(0,35,0,70)
hsl(300,1%,30%)
rgb(77,75,77)
cmyk(0,3,0,70)
hsl(120,13%,35%)
rgb(77,100,77)
cmyk(23,0,23,61)
hsl(120,24%,40%)
rgb(77,125,77)
cmyk(38,0,38,51)
hsl(120,32%,45%)
rgb(77,150,77)
cmyk(49,0,49,41)
hsl(120,39%,49%)
rgb(77,175,77)
cmyk(56,0,56,31)

Color shades in Blue range

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

hsl(54,100%,15%)
rgb(77,69,0)
cmyk(0,10,100,70)
hsl(51,51%,20%)
rgb(77,69,25)
cmyk(0,10,68,70)
hsl(42,21%,25%)
rgb(77,69,50)
cmyk(0,10,35,70)
hsl(315,5%,29%)
rgb(77,69,75)
cmyk(0,10,3,70)
hsl(255,18%,33%)
rgb(77,69,100)
cmyk(23,31,0,61)
hsl(249,29%,38%)
rgb(77,69,125)
cmyk(38,45,0,51)
hsl(246,37%,43%)
rgb(77,69,150)
cmyk(49,54,0,41)
hsl(245,43%,48%)
rgb(77,69,175)
cmyk(56,61,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,5%,29%)
rgb(77,69,77)
cmyk(0,10,0,70)
hsl(240,5%,29%)
rgb(69,69,77)
cmyk(10,10,0,70)
hsl(210,11%,27%)
rgb(61,69,77)
cmyk(20,10,0,70)
hsl(200,18%,26%)
rgb(54,69,77)
cmyk(30,10,0,70)
hsl(195,25%,24%)
rgb(46,69,77)
cmyk(40,10,0,70)
hsl(192,33%,23%)
rgb(38,69,77)
cmyk(50,10,0,70)
hsl(190,43%,21%)
rgb(31,69,77)
cmyk(60,10,0,70)
hsl(189,54%,20%)
rgb(23,69,77)
cmyk(70,10,0,70)

Color shades in Magenta range

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

hsl(0,0%,30%)
rgb(77,77,77)
cmyk(0,0,0,70)
hsl(300,5%,29%)
rgb(77,69,77)
cmyk(0,10,0,70)
hsl(300,11%,27%)
rgb(77,61,77)
cmyk(0,20,0,70)
hsl(300,18%,26%)
rgb(77,54,77)
cmyk(0,30,0,70)
hsl(300,25%,24%)
rgb(77,46,77)
cmyk(0,40,0,70)
hsl(300,33%,23%)
rgb(77,38,77)
cmyk(0,50,0,70)
hsl(300,43%,21%)
rgb(77,31,77)
cmyk(0,60,0,70)
hsl(300,54%,20%)
rgb(77,23,77)
cmyk(0,70,0,70)

Color shades in Yellow range

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

hsl(300,5%,29%)
rgb(77,69,77)
cmyk(0,10,0,70)
hsl(0,5%,29%)
rgb(77,69,69)
cmyk(0,10,10,70)
hsl(30,11%,27%)
rgb(77,69,61)
cmyk(0,10,20,70)
hsl(40,18%,26%)
rgb(77,69,54)
cmyk(0,10,30,70)
hsl(45,25%,24%)
rgb(77,69,46)
cmyk(0,10,40,70)
hsl(48,33%,23%)
rgb(77,69,38)
cmyk(0,10,50,70)
hsl(50,43%,21%)
rgb(77,69,31)
cmyk(0,10,60,70)
hsl(51,54%,20%)
rgb(77,69,23)
cmyk(0,10,70,70)

Color shades in Black range

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

hsl(300,100%,95%)
rgb(255,230,255)
cmyk(0,10,0,0)
hsl(300,31%,86%)
rgb(230,207,230)
cmyk(0,10,0,10)
hsl(300,17%,76%)
rgb(204,184,204)
cmyk(0,10,0,20)
hsl(300,10%,67%)
rgb(179,161,179)
cmyk(0,10,0,30)
hsl(300,7%,57%)
rgb(153,138,153)
cmyk(0,10,0,40)
hsl(300,5%,48%)
rgb(128,115,128)
cmyk(0,10,0,50)
hsl(300,5%,38%)
rgb(102,92,102)
cmyk(0,10,0,60)
hsl(300,5%,29%)
rgb(77,69,77)
cmyk(0,10,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(77,69,77) usage in CSS

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


Color #4D454D usage in CSS

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


Color hsl(300,5%,29%) usage in CSS

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