rgb(84,25,84) / #541954

rgb(84,25,84)

hsl(300,54%,21%)

cmyk(0,70,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,54%,10%)
rgb(39,12,39)
cmyk(0,70,0,85)
hsl(300,54%,20%)
rgb(79,23,79)
cmyk(0,70,0,69)
hsl(300,54%,30%)
rgb(118,35,118)
cmyk(0,70,0,54)
hsl(300,54%,40%)
rgb(157,47,157)
cmyk(0,70,0,38)
hsl(300,54%,50%)
rgb(196,59,196)
cmyk(0,70,0,23)
hsl(300,54%,60%)
rgb(208,98,208)
cmyk(0,53,0,18)
hsl(300,54%,70%)
rgb(220,137,220)
cmyk(0,38,0,14)

Color Saturation Range

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

hsl(300,14%,21%)
rgb(61,46,61)
cmyk(0,25,0,76)
hsl(300,24%,21%)
rgb(66,41,66)
cmyk(0,39,0,74)
hsl(300,34%,21%)
rgb(72,35,72)
cmyk(0,51,0,72)
hsl(300,44%,21%)
rgb(77,30,77)
cmyk(0,61,0,70)
hsl(300,54%,21%)
rgb(82,25,82)
cmyk(0,70,0,68)
hsl(300,64%,21%)
rgb(88,19,88)
cmyk(0,78,0,66)
hsl(300,74%,21%)
rgb(93,14,93)
cmyk(0,85,0,63)
hsl(300,84%,21%)
rgb(99,9,99)
cmyk(0,91,0,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(260,54%,21%)
rgb(44,25,82)
cmyk(47,70,0,68)
hsl(270,54%,21%)
rgb(54,25,82)
cmyk(35,70,0,68)
hsl(280,54%,21%)
rgb(63,25,82)
cmyk(23,70,0,68)
hsl(290,54%,21%)
rgb(73,25,82)
cmyk(12,70,0,68)
hsl(300,54%,21%)
rgb(82,25,82)
cmyk(0,70,0,68)
hsl(310,54%,21%)
rgb(82,25,73)
cmyk(0,70,12,68)
hsl(320,54%,21%)
rgb(82,25,63)
cmyk(0,70,23,68)
hsl(330,54%,21%)
rgb(82,25,54)
cmyk(0,70,35,68)

Color Shades in RGB model range

Color shades in Red range

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

hsl(222,100%,16%)
rgb(0,25,84)
cmyk(100,70,0,67)
hsl(240,54%,21%)
rgb(25,25,84)
cmyk(70,70,0,67)
hsl(265,54%,21%)
rgb(50,25,84)
cmyk(40,70,0,67)
hsl(291,54%,21%)
rgb(75,25,84)
cmyk(11,70,0,67)
hsl(313,60%,25%)
rgb(100,25,84)
cmyk(0,75,16,61)
hsl(325,67%,29%)
rgb(125,25,84)
cmyk(0,80,33,51)
hsl(332,71%,34%)
rgb(150,25,84)
cmyk(0,83,44,41)
hsl(336,75%,39%)
rgb(175,25,84)
cmyk(0,86,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(18,100%,16%)
rgb(84,25,0)
cmyk(0,70,100,67)
hsl(0,54%,21%)
rgb(84,25,25)
cmyk(0,70,70,67)
hsl(335,54%,21%)
rgb(84,25,50)
cmyk(0,70,40,67)
hsl(309,54%,21%)
rgb(84,25,75)
cmyk(0,70,11,67)
hsl(287,60%,25%)
rgb(84,25,100)
cmyk(16,75,0,61)
hsl(275,67%,29%)
rgb(84,25,125)
cmyk(33,80,0,51)
hsl(268,71%,34%)
rgb(84,25,150)
cmyk(44,83,0,41)
hsl(264,75%,39%)
rgb(84,25,175)
cmyk(52,86,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,54%,21%)
rgb(84,25,84)
cmyk(0,70,0,67)
hsl(291,54%,21%)
rgb(76,25,84)
cmyk(10,70,0,67)
hsl(283,54%,21%)
rgb(67,25,84)
cmyk(20,70,0,67)
hsl(274,54%,21%)
rgb(59,25,84)
cmyk(30,70,0,67)
hsl(266,54%,21%)
rgb(50,25,84)
cmyk(40,70,0,67)
hsl(257,54%,21%)
rgb(42,25,84)
cmyk(50,70,0,67)
hsl(249,54%,21%)
rgb(34,25,84)
cmyk(60,70,0,67)
hsl(240,54%,21%)
rgb(25,25,84)
cmyk(70,70,0,67)

Color shades in Magenta range

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

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)
hsl(300,67%,20%)
rgb(84,17,84)
cmyk(0,80,0,67)
hsl(300,82%,18%)
rgb(84,8,84)
cmyk(0,90,0,67)
hsl(300,100%,16%)
rgb(84,0,84)
cmyk(0,100,0,67)

Color shades in Yellow range

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

hsl(300,54%,21%)
rgb(84,25,84)
cmyk(0,70,0,67)
hsl(309,54%,21%)
rgb(84,25,76)
cmyk(0,70,10,67)
hsl(317,54%,21%)
rgb(84,25,67)
cmyk(0,70,20,67)
hsl(326,54%,21%)
rgb(84,25,59)
cmyk(0,70,30,67)
hsl(334,54%,21%)
rgb(84,25,50)
cmyk(0,70,40,67)
hsl(343,54%,21%)
rgb(84,25,42)
cmyk(0,70,50,67)
hsl(351,54%,21%)
rgb(84,25,34)
cmyk(0,70,60,67)
hsl(0,54%,21%)
rgb(84,25,25)
cmyk(0,70,70,67)

Color shades in Black range

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

hsl(300,100%,65%)
rgb(255,77,255)
cmyk(0,70,0,0)
hsl(300,76%,59%)
rgb(230,69,230)
cmyk(0,70,0,10)
hsl(300,58%,52%)
rgb(204,61,204)
cmyk(0,70,0,20)
hsl(300,54%,46%)
rgb(179,54,179)
cmyk(0,70,0,30)
hsl(300,54%,39%)
rgb(153,46,153)
cmyk(0,70,0,40)
hsl(300,54%,33%)
rgb(128,38,128)
cmyk(0,70,0,50)
hsl(300,54%,26%)
rgb(102,31,102)
cmyk(0,70,0,60)
hsl(300,54%,20%)
rgb(77,23,77)
cmyk(0,70,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #541954 usage in CSS

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


Color hsl(300,54%,21%) usage in CSS

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