rgb(84,100,84) / #546454

rgb(84,100,84)

hsl(120,9%,36%)

cmyk(16,0,16,61)


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(120,9%,10%)
rgb(23,28,23)
cmyk(17,0,17,89)
hsl(120,9%,20%)
rgb(46,56,46)
cmyk(17,0,17,78)
hsl(120,9%,30%)
rgb(70,83,70)
cmyk(17,0,17,67)
hsl(120,9%,40%)
rgb(93,111,93)
cmyk(17,0,17,56)
hsl(120,9%,50%)
rgb(116,139,116)
cmyk(17,0,17,46)
hsl(120,9%,60%)
rgb(144,162,144)
cmyk(11,0,11,36)
hsl(120,9%,70%)
rgb(172,185,172)
cmyk(7,0,7,27)

Color Saturation Range

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

hsl(0,0%,36%)
rgb(92,92,92)
cmyk(0,0,0,64)
hsl(120,10%,36%)
rgb(83,101,83)
cmyk(18,0,18,60)
hsl(120,20%,36%)
rgb(73,110,73)
cmyk(33,0,33,57)
hsl(120,30%,36%)
rgb(64,119,64)
cmyk(46,0,46,53)
hsl(120,40%,36%)
rgb(55,129,55)
cmyk(57,0,57,50)
hsl(120,50%,36%)
rgb(46,138,46)
cmyk(67,0,67,46)
hsl(120,60%,36%)
rgb(37,147,37)
cmyk(75,0,75,42)
hsl(120,70%,36%)
rgb(28,156,28)
cmyk(82,0,82,39)

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(80,9%,36%)
rgb(95,100,84)
cmyk(6,0,17,61)
hsl(90,9%,36%)
rgb(92,100,84)
cmyk(8,0,17,61)
hsl(100,9%,36%)
rgb(89,100,84)
cmyk(11,0,17,61)
hsl(110,9%,36%)
rgb(86,100,84)
cmyk(14,0,17,61)
hsl(120,9%,36%)
rgb(84,100,84)
cmyk(17,0,17,61)
hsl(130,9%,36%)
rgb(84,100,86)
cmyk(17,0,14,61)
hsl(140,9%,36%)
rgb(84,100,89)
cmyk(17,0,11,61)
hsl(150,9%,36%)
rgb(84,100,92)
cmyk(17,0,8,61)

Color Shades in RGB model range

Color shades in Red range

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

hsl(170,100%,20%)
rgb(0,100,84)
cmyk(100,0,16,61)
hsl(167,60%,25%)
rgb(25,100,84)
cmyk(75,0,16,61)
hsl(161,33%,29%)
rgb(50,100,84)
cmyk(50,0,16,61)
hsl(142,14%,34%)
rgb(75,100,84)
cmyk(25,0,16,61)
hsl(60,9%,36%)
rgb(100,100,84)
cmyk(0,0,16,61)
hsl(23,20%,41%)
rgb(125,100,84)
cmyk(0,20,33,51)
hsl(15,28%,46%)
rgb(150,100,84)
cmyk(0,33,44,41)
hsl(11,36%,51%)
rgb(175,100,84)
cmyk(0,43,52,31)

Color shades in Green range

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

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

Color shades in Blue range

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

hsl(70,100%,20%)
rgb(84,100,0)
cmyk(16,0,100,61)
hsl(73,60%,25%)
rgb(84,100,25)
cmyk(16,0,75,61)
hsl(79,33%,29%)
rgb(84,100,50)
cmyk(16,0,50,61)
hsl(98,14%,34%)
rgb(84,100,75)
cmyk(16,0,25,61)
hsl(180,9%,36%)
rgb(84,100,100)
cmyk(16,0,0,61)
hsl(217,20%,41%)
rgb(84,100,125)
cmyk(33,20,0,51)
hsl(225,28%,46%)
rgb(84,100,150)
cmyk(44,33,0,41)
hsl(229,36%,51%)
rgb(84,100,175)
cmyk(52,43,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(60,9%,36%)
rgb(99,99,84)
cmyk(0,0,16,61)
hsl(98,9%,36%)
rgb(90,99,84)
cmyk(10,0,16,61)
hsl(132,11%,35%)
rgb(80,99,84)
cmyk(20,0,16,61)
hsl(148,18%,33%)
rgb(70,99,84)
cmyk(30,0,16,61)
hsl(156,25%,31%)
rgb(60,99,84)
cmyk(40,0,16,61)
hsl(161,33%,29%)
rgb(50,99,84)
cmyk(50,0,16,61)
hsl(164,43%,27%)
rgb(40,99,84)
cmyk(60,0,16,61)
hsl(166,54%,25%)
rgb(30,99,84)
cmyk(70,0,16,61)

Color shades in Magenta range

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

hsl(120,9%,36%)
rgb(84,99,84)
cmyk(16,0,16,61)
hsl(120,3%,34%)
rgb(84,90,84)
cmyk(7,0,7,65)
hsl(300,2%,32%)
rgb(84,80,84)
cmyk(0,5,0,67)
hsl(300,9%,30%)
rgb(84,70,84)
cmyk(0,17,0,67)
hsl(300,17%,28%)
rgb(84,60,84)
cmyk(0,29,0,67)
hsl(300,25%,26%)
rgb(84,50,84)
cmyk(0,40,0,67)
hsl(300,35%,24%)
rgb(84,40,84)
cmyk(0,52,0,67)
hsl(300,47%,22%)
rgb(84,30,84)
cmyk(0,64,0,67)

Color shades in Yellow range

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

hsl(180,9%,36%)
rgb(84,99,99)
cmyk(16,0,0,61)
hsl(142,9%,36%)
rgb(84,99,90)
cmyk(16,0,10,61)
hsl(108,11%,35%)
rgb(84,99,80)
cmyk(16,0,20,61)
hsl(92,18%,33%)
rgb(84,99,70)
cmyk(16,0,30,61)
hsl(84,25%,31%)
rgb(84,99,60)
cmyk(16,0,40,61)
hsl(79,33%,29%)
rgb(84,99,50)
cmyk(16,0,50,61)
hsl(76,43%,27%)
rgb(84,99,40)
cmyk(16,0,60,61)
hsl(74,54%,25%)
rgb(84,99,30)
cmyk(16,0,70,61)

Color shades in Black range

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

hsl(120,100%,92%)
rgb(214,255,214)
cmyk(16,0,16,0)
hsl(120,42%,83%)
rgb(193,230,193)
cmyk(16,0,16,10)
hsl(120,24%,74%)
rgb(171,204,171)
cmyk(16,0,16,20)
hsl(120,16%,64%)
rgb(150,179,150)
cmyk(16,0,16,30)
hsl(120,11%,55%)
rgb(129,153,129)
cmyk(16,0,16,40)
hsl(120,9%,46%)
rgb(107,128,107)
cmyk(16,0,16,50)
hsl(120,9%,37%)
rgb(86,102,86)
cmyk(16,0,16,60)
hsl(120,9%,28%)
rgb(64,77,64)
cmyk(16,0,16,70)

Color HTML/CSS(CSS3) Example

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

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


Color #546454 usage in CSS

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


Color hsl(120,9%,36%) usage in CSS

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