rgb(77,77,38) / #4D4D26

rgb(77,77,38)

hsl(60,34%,23%)

cmyk(0,0,51,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(60,34%,10%)
rgb(34,34,17)
cmyk(0,0,51,87)
hsl(60,34%,20%)
rgb(68,68,34)
cmyk(0,0,51,73)
hsl(60,34%,30%)
rgb(103,103,50)
cmyk(0,0,51,60)
hsl(60,34%,40%)
rgb(137,137,67)
cmyk(0,0,51,46)
hsl(60,34%,50%)
rgb(171,171,84)
cmyk(0,0,51,33)
hsl(60,34%,60%)
rgb(188,188,118)
cmyk(0,0,37,26)
hsl(60,34%,70%)
rgb(205,205,152)
cmyk(0,0,25,20)

Color Saturation Range

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

hsl(0,0%,23%)
rgb(59,59,59)
cmyk(0,0,0,77)
hsl(60,10%,23%)
rgb(65,65,53)
cmyk(0,0,18,75)
hsl(60,20%,23%)
rgb(70,70,47)
cmyk(0,0,33,72)
hsl(60,30%,23%)
rgb(76,76,41)
cmyk(0,0,46,70)
hsl(60,40%,23%)
rgb(82,82,35)
cmyk(0,0,57,68)
hsl(60,50%,23%)
rgb(88,88,29)
cmyk(0,0,67,66)
hsl(60,60%,23%)
rgb(94,94,23)
cmyk(0,0,75,63)
hsl(60,70%,23%)
rgb(100,100,18)
cmyk(0,0,82,61)

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(20,34%,23%)
rgb(79,52,39)
cmyk(0,34,51,69)
hsl(30,34%,23%)
rgb(79,59,39)
cmyk(0,25,51,69)
hsl(40,34%,23%)
rgb(79,65,39)
cmyk(0,17,51,69)
hsl(50,34%,23%)
rgb(79,72,39)
cmyk(0,8,51,69)
hsl(60,34%,23%)
rgb(79,79,39)
cmyk(0,0,51,69)
hsl(70,34%,23%)
rgb(72,79,39)
cmyk(8,0,51,69)
hsl(80,34%,23%)
rgb(65,79,39)
cmyk(17,0,51,69)
hsl(90,34%,23%)
rgb(59,79,39)
cmyk(25,0,51,69)

Color Shades in RGB model range

Color shades in Red range

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

hsl(150,100%,15%)
rgb(0,77,38)
cmyk(100,0,51,70)
hsl(135,51%,20%)
rgb(25,77,38)
cmyk(68,0,51,70)
hsl(102,34%,23%)
rgb(50,77,38)
cmyk(35,0,51,70)
hsl(63,34%,23%)
rgb(75,77,38)
cmyk(3,0,51,70)
hsl(38,45%,27%)
rgb(100,77,38)
cmyk(0,23,62,61)
hsl(27,53%,32%)
rgb(125,77,38)
cmyk(0,38,70,51)
hsl(21,60%,37%)
rgb(150,77,38)
cmyk(0,49,75,41)
hsl(17,64%,42%)
rgb(175,77,38)
cmyk(0,56,78,31)

Color shades in Green range

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

hsl(330,100%,15%)
rgb(77,0,38)
cmyk(0,100,51,70)
hsl(345,51%,20%)
rgb(77,25,38)
cmyk(0,68,51,70)
hsl(18,34%,23%)
rgb(77,50,38)
cmyk(0,35,51,70)
hsl(57,34%,23%)
rgb(77,75,38)
cmyk(0,3,51,70)
hsl(82,45%,27%)
rgb(77,100,38)
cmyk(23,0,62,61)
hsl(93,53%,32%)
rgb(77,125,38)
cmyk(38,0,70,51)
hsl(99,60%,37%)
rgb(77,150,38)
cmyk(49,0,75,41)
hsl(103,64%,42%)
rgb(77,175,38)
cmyk(56,0,78,31)

Color shades in Blue range

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

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

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(60,34%,22%)
rgb(77,77,37)
cmyk(0,0,51,70)
hsl(72,34%,22%)
rgb(69,77,37)
cmyk(10,0,51,70)
hsl(84,34%,22%)
rgb(61,77,37)
cmyk(20,0,51,70)
hsl(95,34%,22%)
rgb(54,77,37)
cmyk(30,0,51,70)
hsl(107,34%,22%)
rgb(46,77,37)
cmyk(40,0,51,70)
hsl(119,34%,22%)
rgb(38,77,37)
cmyk(50,0,51,70)
hsl(129,43%,21%)
rgb(31,77,37)
cmyk(60,0,51,70)
hsl(136,54%,20%)
rgb(23,77,37)
cmyk(70,0,51,70)

Color shades in Magenta range

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

hsl(60,34%,22%)
rgb(77,77,37)
cmyk(0,0,51,70)
hsl(48,34%,22%)
rgb(77,69,37)
cmyk(0,10,51,70)
hsl(36,34%,22%)
rgb(77,61,37)
cmyk(0,20,51,70)
hsl(25,34%,22%)
rgb(77,54,37)
cmyk(0,30,51,70)
hsl(13,34%,22%)
rgb(77,46,37)
cmyk(0,40,51,70)
hsl(1,34%,22%)
rgb(77,38,37)
cmyk(0,50,51,70)
hsl(351,43%,21%)
rgb(77,31,37)
cmyk(0,60,51,70)
hsl(344,54%,20%)
rgb(77,23,37)
cmyk(0,70,51,70)

Color shades in Yellow range

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

hsl(60,6%,28%)
rgb(77,77,68)
cmyk(0,0,11,70)
hsl(60,12%,27%)
rgb(77,77,60)
cmyk(0,0,21,70)
hsl(60,18%,25%)
rgb(77,77,53)
cmyk(0,0,31,70)
hsl(60,26%,24%)
rgb(77,77,45)
cmyk(0,0,41,70)
hsl(60,34%,22%)
rgb(77,77,37)
cmyk(0,0,51,70)
hsl(60,44%,21%)
rgb(77,77,30)
cmyk(0,0,61,70)
hsl(60,55%,19%)
rgb(77,77,22)
cmyk(0,0,71,70)
hsl(60,68%,18%)
rgb(77,77,15)
cmyk(0,0,81,70)

Color shades in Black range

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

hsl(60,67%,66%)
rgb(227,227,111)
cmyk(0,0,51,11)
hsl(60,49%,59%)
rgb(201,201,99)
cmyk(0,0,51,21)
hsl(60,36%,51%)
rgb(176,176,86)
cmyk(0,0,51,31)
hsl(60,34%,44%)
rgb(150,150,74)
cmyk(0,0,51,41)
hsl(60,34%,37%)
rgb(125,125,61)
cmyk(0,0,51,51)
hsl(60,34%,29%)
rgb(99,99,49)
cmyk(0,0,51,61)
hsl(60,34%,22%)
rgb(74,74,36)
cmyk(0,0,51,71)
hsl(60,34%,14%)
rgb(48,48,24)
cmyk(0,0,51,81)

Color HTML/CSS(CSS3) Example

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

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


Color #4D4D26 usage in CSS

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


Color hsl(60,34%,23%) usage in CSS

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