rgb(84,84,42) / #54542A

rgb(84,84,42)

hsl(60,33%,25%)

cmyk(0,0,50,67)


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,33%,10%)
rgb(34,34,17)
cmyk(0,0,50,87)
hsl(60,33%,20%)
rgb(68,68,34)
cmyk(0,0,50,73)
hsl(60,33%,30%)
rgb(102,102,51)
cmyk(0,0,50,60)
hsl(60,33%,40%)
rgb(136,136,68)
cmyk(0,0,50,47)
hsl(60,33%,50%)
rgb(170,170,85)
cmyk(0,0,50,34)
hsl(60,33%,60%)
rgb(187,187,119)
cmyk(0,0,36,27)
hsl(60,33%,70%)
rgb(204,204,153)
cmyk(0,0,25,20)

Color Saturation Range

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

hsl(0,0%,25%)
rgb(64,64,64)
cmyk(0,0,0,75)
hsl(60,10%,25%)
rgb(70,70,57)
cmyk(0,0,18,73)
hsl(60,20%,25%)
rgb(76,77,51)
cmyk(0,0,33,70)
hsl(60,30%,25%)
rgb(83,83,45)
cmyk(0,0,46,68)
hsl(60,40%,25%)
rgb(89,89,38)
cmyk(0,0,57,65)
hsl(60,50%,25%)
rgb(96,96,32)
cmyk(0,0,67,63)
hsl(60,60%,25%)
rgb(102,102,25)
cmyk(0,0,75,60)
hsl(60,70%,25%)
rgb(108,108,19)
cmyk(0,0,82,57)

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,33%,25%)
rgb(85,57,43)
cmyk(0,33,50,67)
hsl(30,33%,25%)
rgb(85,64,43)
cmyk(0,25,50,67)
hsl(40,33%,25%)
rgb(85,71,43)
cmyk(0,17,50,67)
hsl(50,33%,25%)
rgb(85,78,43)
cmyk(0,8,50,67)
hsl(60,33%,25%)
rgb(85,85,43)
cmyk(0,0,50,67)
hsl(70,33%,25%)
rgb(78,85,43)
cmyk(8,0,50,67)
hsl(80,33%,25%)
rgb(71,85,43)
cmyk(17,0,50,67)
hsl(90,33%,25%)
rgb(64,85,43)
cmyk(25,0,50,67)

Color Shades in RGB model range

Color shades in Red range

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

hsl(150,100%,16%)
rgb(0,84,42)
cmyk(100,0,50,67)
hsl(137,54%,21%)
rgb(25,84,42)
cmyk(70,0,50,67)
hsl(109,33%,25%)
rgb(50,84,42)
cmyk(40,0,50,67)
hsl(73,33%,25%)
rgb(75,84,42)
cmyk(11,0,50,67)
hsl(43,41%,28%)
rgb(100,84,42)
cmyk(0,16,58,61)
hsl(30,50%,33%)
rgb(125,84,42)
cmyk(0,33,66,51)
hsl(23,56%,38%)
rgb(150,84,42)
cmyk(0,44,72,41)
hsl(19,61%,43%)
rgb(175,84,42)
cmyk(0,52,76,31)

Color shades in Green range

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

hsl(330,100%,16%)
rgb(84,0,42)
cmyk(0,100,50,67)
hsl(343,54%,21%)
rgb(84,25,42)
cmyk(0,70,50,67)
hsl(11,33%,25%)
rgb(84,50,42)
cmyk(0,40,50,67)
hsl(47,33%,25%)
rgb(84,75,42)
cmyk(0,11,50,67)
hsl(77,41%,28%)
rgb(84,100,42)
cmyk(16,0,58,61)
hsl(90,50%,33%)
rgb(84,125,42)
cmyk(33,0,66,51)
hsl(97,56%,38%)
rgb(84,150,42)
cmyk(44,0,72,41)
hsl(101,61%,43%)
rgb(84,175,42)
cmyk(52,0,76,31)

Color shades in Blue range

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

hsl(60,100%,16%)
rgb(84,84,0)
cmyk(0,0,100,67)
hsl(60,54%,21%)
rgb(84,84,25)
cmyk(0,0,70,67)
hsl(60,25%,26%)
rgb(84,84,50)
cmyk(0,0,40,67)
hsl(60,6%,31%)
rgb(84,84,75)
cmyk(0,0,11,67)
hsl(240,9%,36%)
rgb(84,84,100)
cmyk(16,16,0,61)
hsl(240,20%,41%)
rgb(84,84,125)
cmyk(33,33,0,51)
hsl(240,28%,46%)
rgb(84,84,150)
cmyk(44,44,0,41)
hsl(240,36%,51%)
rgb(84,84,175)
cmyk(52,52,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(60,33%,25%)
rgb(84,84,42)
cmyk(0,0,50,67)
hsl(72,33%,25%)
rgb(76,84,42)
cmyk(10,0,50,67)
hsl(84,33%,25%)
rgb(67,84,42)
cmyk(20,0,50,67)
hsl(96,33%,25%)
rgb(59,84,42)
cmyk(30,0,50,67)
hsl(108,33%,25%)
rgb(50,84,42)
cmyk(40,0,50,67)
hsl(120,33%,25%)
rgb(42,84,42)
cmyk(50,0,50,67)
hsl(130,43%,23%)
rgb(34,84,42)
cmyk(60,0,50,67)
hsl(137,54%,21%)
rgb(25,84,42)
cmyk(70,0,50,67)

Color shades in Magenta range

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

hsl(60,33%,25%)
rgb(84,84,42)
cmyk(0,0,50,67)
hsl(48,33%,25%)
rgb(84,76,42)
cmyk(0,10,50,67)
hsl(36,33%,25%)
rgb(84,67,42)
cmyk(0,20,50,67)
hsl(24,33%,25%)
rgb(84,59,42)
cmyk(0,30,50,67)
hsl(12,33%,25%)
rgb(84,50,42)
cmyk(0,40,50,67)
hsl(0,33%,25%)
rgb(84,42,42)
cmyk(0,50,50,67)
hsl(350,43%,23%)
rgb(84,34,42)
cmyk(0,60,50,67)
hsl(343,54%,21%)
rgb(84,25,42)
cmyk(0,70,50,67)

Color shades in Yellow range

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

hsl(60,5%,31%)
rgb(84,84,76)
cmyk(0,0,10,67)
hsl(60,11%,30%)
rgb(84,84,67)
cmyk(0,0,20,67)
hsl(60,18%,28%)
rgb(84,84,59)
cmyk(0,0,30,67)
hsl(60,25%,26%)
rgb(84,84,50)
cmyk(0,0,40,67)
hsl(60,33%,25%)
rgb(84,84,42)
cmyk(0,0,50,67)
hsl(60,43%,23%)
rgb(84,84,34)
cmyk(0,0,60,67)
hsl(60,54%,21%)
rgb(84,84,25)
cmyk(0,0,70,67)
hsl(60,67%,20%)
rgb(84,84,17)
cmyk(0,0,80,67)

Color shades in Black range

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

hsl(60,69%,68%)
rgb(230,230,115)
cmyk(0,0,50,10)
hsl(60,50%,60%)
rgb(204,204,102)
cmyk(0,0,50,20)
hsl(60,37%,53%)
rgb(179,179,89)
cmyk(0,0,50,30)
hsl(60,33%,45%)
rgb(153,153,77)
cmyk(0,0,50,40)
hsl(60,33%,38%)
rgb(128,128,64)
cmyk(0,0,50,50)
hsl(60,33%,30%)
rgb(102,102,51)
cmyk(0,0,50,60)
hsl(60,33%,23%)
rgb(77,77,38)
cmyk(0,0,50,70)
hsl(60,33%,15%)
rgb(51,51,25)
cmyk(0,0,50,80)

Color HTML/CSS(CSS3) Example

Color rgb(84,84,42) usage in CSS

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


Color #54542A usage in CSS

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


Color hsl(60,33%,25%) usage in CSS

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