rgb(84,50,84) / #543254

rgb(84,50,84)

hsl(300,25%,26%)

cmyk(0,40,0,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(300,25%,10%)
rgb(32,19,32)
cmyk(0,40,0,88)
hsl(300,25%,20%)
rgb(64,38,64)
cmyk(0,40,0,75)
hsl(300,25%,30%)
rgb(96,57,96)
cmyk(0,40,0,63)
hsl(300,25%,40%)
rgb(128,77,127)
cmyk(0,40,0,50)
hsl(300,25%,50%)
rgb(159,96,159)
cmyk(0,40,0,38)
hsl(300,25%,60%)
rgb(179,128,179)
cmyk(0,29,0,30)
hsl(300,25%,70%)
rgb(198,159,198)
cmyk(0,19,0,23)

Color Saturation Range

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

hsl(0,0%,26%)
rgb(66,66,66)
cmyk(0,0,0,74)
hsl(300,10%,26%)
rgb(73,60,73)
cmyk(0,18,0,71)
hsl(300,20%,26%)
rgb(80,53,80)
cmyk(0,33,0,69)
hsl(300,30%,26%)
rgb(86,46,86)
cmyk(0,46,0,66)
hsl(300,40%,26%)
rgb(93,40,93)
cmyk(0,57,0,64)
hsl(300,50%,26%)
rgb(99,33,99)
cmyk(0,67,0,61)
hsl(300,60%,26%)
rgb(106,27,106)
cmyk(0,75,0,58)
hsl(300,70%,26%)
rgb(113,20,113)
cmyk(0,82,0,56)

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,25%,26%)
rgb(61,50,83)
cmyk(27,40,0,68)
hsl(270,25%,26%)
rgb(66,50,83)
cmyk(20,40,0,68)
hsl(280,25%,26%)
rgb(72,50,83)
cmyk(13,40,0,68)
hsl(290,25%,26%)
rgb(77,50,83)
cmyk(7,40,0,68)
hsl(300,25%,26%)
rgb(83,50,83)
cmyk(0,40,0,68)
hsl(310,25%,26%)
rgb(83,50,77)
cmyk(0,40,7,68)
hsl(320,25%,26%)
rgb(83,50,72)
cmyk(0,40,13,68)
hsl(330,25%,26%)
rgb(83,50,66)
cmyk(0,40,20,68)

Color Shades in RGB model range

Color shades in Red range

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

hsl(204,100%,16%)
rgb(0,50,84)
cmyk(100,40,0,67)
hsl(215,54%,21%)
rgb(25,50,84)
cmyk(70,40,0,67)
hsl(240,25%,26%)
rgb(50,50,84)
cmyk(40,40,0,67)
hsl(284,25%,26%)
rgb(75,50,84)
cmyk(11,40,0,67)
hsl(319,33%,29%)
rgb(100,50,84)
cmyk(0,50,16,61)
hsl(333,43%,34%)
rgb(125,50,84)
cmyk(0,60,33,51)
hsl(340,50%,39%)
rgb(150,50,84)
cmyk(0,67,44,41)
hsl(344,56%,44%)
rgb(175,50,84)
cmyk(0,71,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(36,100%,16%)
rgb(84,50,0)
cmyk(0,40,100,67)
hsl(25,54%,21%)
rgb(84,50,25)
cmyk(0,40,70,67)
hsl(0,25%,26%)
rgb(84,50,50)
cmyk(0,40,40,67)
hsl(316,25%,26%)
rgb(84,50,75)
cmyk(0,40,11,67)
hsl(281,33%,29%)
rgb(84,50,100)
cmyk(16,50,0,61)
hsl(267,43%,34%)
rgb(84,50,125)
cmyk(33,60,0,51)
hsl(260,50%,39%)
rgb(84,50,150)
cmyk(44,67,0,41)
hsl(256,56%,44%)
rgb(84,50,175)
cmyk(52,71,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,25%,26%)
rgb(84,50,84)
cmyk(0,40,0,67)
hsl(285,25%,26%)
rgb(76,50,84)
cmyk(10,40,0,67)
hsl(270,25%,26%)
rgb(67,50,84)
cmyk(20,40,0,67)
hsl(255,25%,26%)
rgb(59,50,84)
cmyk(30,40,0,67)
hsl(240,25%,26%)
rgb(50,50,84)
cmyk(40,40,0,67)
hsl(228,33%,25%)
rgb(42,50,84)
cmyk(50,40,0,67)
hsl(220,43%,23%)
rgb(34,50,84)
cmyk(60,40,0,67)
hsl(214,54%,21%)
rgb(25,50,84)
cmyk(70,40,0,67)

Color shades in Magenta range

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

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

Color shades in Yellow range

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

hsl(300,25%,26%)
rgb(84,50,84)
cmyk(0,40,0,67)
hsl(315,25%,26%)
rgb(84,50,76)
cmyk(0,40,10,67)
hsl(330,25%,26%)
rgb(84,50,67)
cmyk(0,40,20,67)
hsl(345,25%,26%)
rgb(84,50,59)
cmyk(0,40,30,67)
hsl(0,25%,26%)
rgb(84,50,50)
cmyk(0,40,40,67)
hsl(12,33%,25%)
rgb(84,50,42)
cmyk(0,40,50,67)
hsl(20,43%,23%)
rgb(84,50,34)
cmyk(0,40,60,67)
hsl(26,54%,21%)
rgb(84,50,25)
cmyk(0,40,70,67)

Color shades in Black range

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

hsl(300,100%,80%)
rgb(255,153,255)
cmyk(0,40,0,0)
hsl(300,64%,72%)
rgb(230,138,230)
cmyk(0,40,0,10)
hsl(300,44%,64%)
rgb(204,122,204)
cmyk(0,40,0,20)
hsl(300,32%,56%)
rgb(179,107,179)
cmyk(0,40,0,30)
hsl(300,25%,48%)
rgb(153,92,153)
cmyk(0,40,0,40)
hsl(300,25%,40%)
rgb(128,77,128)
cmyk(0,40,0,50)
hsl(300,25%,32%)
rgb(102,61,102)
cmyk(0,40,0,60)
hsl(300,25%,24%)
rgb(77,46,77)
cmyk(0,40,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #543254 usage in CSS

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


Color hsl(300,25%,26%) usage in CSS

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