MediumVioletRed rgb(199,21,133) / #C71585

MediumVioletRed

rgb(199,21,133)

hsl(322,81%,43%)

cmyk(0,89,33,22)


MediumVioletRed Color Shades in HSL model

MediumVioletRed Color Lightness Range

+/- 10% shift for L(lightness) color axis in HSL color model

hsl(322,81%,3%)
rgb(14,1,9)
cmyk(0,90,33,95)
hsl(322,81%,13%)
rgb(60,6,40)
cmyk(0,90,33,76)
hsl(322,81%,23%)
rgb(106,11,71)
cmyk(0,90,33,58)
hsl(322,81%,33%)
rgb(152,16,102)
cmyk(0,90,33,40)
hsl(322,81%,43%)
rgb(198,21,133)
cmyk(0,90,33,22)
hsl(322,81%,53%)
rgb(232,38,161)
cmyk(0,84,31,9)
hsl(322,81%,63%)
rgb(237,84,181)
cmyk(0,64,24,7)
hsl(322,81%,73%)
rgb(242,130,201)
cmyk(0,46,17,5)

MediumVioletRed Color Saturation Range

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

hsl(322,30%,43%)
rgb(143,77,118)
cmyk(0,46,17,44)
hsl(322,40%,43%)
rgb(154,66,121)
cmyk(0,57,21,40)
hsl(322,50%,43%)
rgb(164,55,124)
cmyk(0,67,24,36)
hsl(322,60%,43%)
rgb(175,44,127)
cmyk(0,75,28,31)
hsl(322,70%,43%)
rgb(186,33,130)
cmyk(0,82,30,27)
hsl(322,80%,43%)
rgb(197,22,133)
cmyk(0,89,33,23)
hsl(322,90%,43%)
rgb(208,11,136)
cmyk(0,95,35,18)
hsl(322,100%,43%)
rgb(219,0,139)
cmyk(0,100,37,14)

MediumVioletRed 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(282,81%,43%)
rgb(145,21,198)
cmyk(27,90,0,22)
hsl(292,81%,43%)
rgb(175,21,198)
cmyk(12,90,0,22)
hsl(302,81%,43%)
rgb(198,21,193)
cmyk(0,90,3,22)
hsl(312,81%,43%)
rgb(198,21,163)
cmyk(0,90,18,22)
hsl(322,81%,43%)
rgb(198,21,133)
cmyk(0,90,33,22)
hsl(332,81%,43%)
rgb(198,21,104)
cmyk(0,90,48,22)
hsl(342,81%,43%)
rgb(198,21,74)
cmyk(0,90,63,22)
hsl(352,81%,43%)
rgb(198,21,45)
cmyk(0,90,78,22)

MediumVioletRed Color Shades in RGB model range

Color shades in Red range

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

hsl(272,73%,30%)
rgb(80,21,133)
cmyk(40,84,0,48)
hsl(285,73%,30%)
rgb(105,21,133)
cmyk(21,84,0,48)
hsl(298,73%,30%)
rgb(130,21,133)
cmyk(2,84,0,48)
hsl(310,76%,35%)
rgb(155,21,133)
cmyk(0,86,14,39)
hsl(318,79%,39%)
rgb(180,21,133)
cmyk(0,88,26,29)
hsl(323,81%,44%)
rgb(205,21,133)
cmyk(0,90,35,20)
hsl(328,83%,49%)
rgb(230,21,133)
cmyk(0,91,42,10)
hsl(331,100%,54%)
rgb(255,21,133)
cmyk(0,92,48,0)

Color shades in Green range

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

hsl(320,100%,39%)
rgb(199,0,133)
cmyk(0,100,33,22)
hsl(323,78%,44%)
rgb(199,25,133)
cmyk(0,87,33,22)
hsl(327,60%,49%)
rgb(199,50,133)
cmyk(0,75,33,22)
hsl(332,53%,54%)
rgb(199,75,133)
cmyk(0,62,33,22)
hsl(340,47%,59%)
rgb(199,100,133)
cmyk(0,50,33,22)
hsl(354,40%,64%)
rgb(199,125,133)
cmyk(0,37,33,22)
hsl(15,37%,65%)
rgb(199,150,133)
cmyk(0,25,33,22)
hsl(38,37%,65%)
rgb(199,175,133)
cmyk(0,12,33,22)

Color shades in Blue range

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

hsl(356,81%,43%)
rgb(199,21,33)
cmyk(0,89,83,22)
hsl(348,81%,43%)
rgb(199,21,58)
cmyk(0,89,71,22)
hsl(339,81%,43%)
rgb(199,21,83)
cmyk(0,89,58,22)
hsl(331,81%,43%)
rgb(199,21,108)
cmyk(0,89,46,22)
hsl(322,81%,43%)
rgb(199,21,133)
cmyk(0,89,33,22)
hsl(314,81%,43%)
rgb(199,21,158)
cmyk(0,89,21,22)
hsl(305,81%,43%)
rgb(199,21,183)
cmyk(0,89,8,22)
hsl(297,82%,45%)
rgb(199,21,208)
cmyk(4,90,0,18)

MediumVioletRed Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(322,80%,43%)
rgb(199,22,133)
cmyk(0,89,33,22)
hsl(317,78%,39%)
rgb(179,22,133)
cmyk(0,88,26,30)
hsl(311,76%,35%)
rgb(159,22,133)
cmyk(0,86,16,38)
hsl(303,73%,32%)
rgb(139,22,133)
cmyk(0,84,4,45)
hsl(293,72%,30%)
rgb(119,22,133)
cmyk(10,84,0,48)
hsl(282,72%,30%)
rgb(99,22,133)
cmyk(25,84,0,48)
hsl(271,72%,30%)
rgb(80,22,133)
cmyk(40,84,0,48)
hsl(260,72%,30%)
rgb(60,22,133)
cmyk(55,84,0,48)

Color shades in Magenta range

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

hsl(5,37%,65%)
rgb(199,139,133)
cmyk(0,30,33,22)
hsl(350,41%,62%)
rgb(199,119,133)
cmyk(0,40,33,22)
hsl(340,47%,59%)
rgb(199,99,133)
cmyk(0,50,33,22)
hsl(333,52%,55%)
rgb(199,80,133)
cmyk(0,60,33,22)
hsl(328,55%,51%)
rgb(199,60,133)
cmyk(0,70,33,22)
hsl(325,67%,47%)
rgb(199,40,133)
cmyk(0,80,33,22)
hsl(322,82%,43%)
rgb(199,20,133)
cmyk(0,90,33,22)
hsl(320,100%,39%)
rgb(199,0,133)
cmyk(0,100,33,22)

Color shades in Yellow range

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

hsl(300,80%,43%)
rgb(199,22,199)
cmyk(0,89,0,22)
hsl(307,80%,43%)
rgb(199,22,179)
cmyk(0,89,10,22)
hsl(313,80%,43%)
rgb(199,22,159)
cmyk(0,89,20,22)
hsl(320,80%,43%)
rgb(199,22,139)
cmyk(0,89,30,22)
hsl(327,80%,43%)
rgb(199,22,119)
cmyk(0,89,40,22)
hsl(334,80%,43%)
rgb(199,22,99)
cmyk(0,89,50,22)
hsl(340,80%,43%)
rgb(199,22,80)
cmyk(0,89,60,22)
hsl(347,80%,43%)
rgb(199,22,60)
cmyk(0,89,70,22)

Color shades in Black range

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

hsl(322,100%,55%)
rgb(255,28,171)
cmyk(0,89,33,0)
hsl(322,80%,50%)
rgb(230,25,154)
cmyk(0,89,33,10)
hsl(322,80%,44%)
rgb(204,22,137)
cmyk(0,89,33,20)
hsl(322,80%,39%)
rgb(179,20,120)
cmyk(0,89,33,30)
hsl(322,80%,33%)
rgb(153,17,103)
cmyk(0,89,33,40)
hsl(322,80%,28%)
rgb(128,14,85)
cmyk(0,89,33,50)
hsl(322,80%,22%)
rgb(102,11,68)
cmyk(0,89,33,60)
hsl(322,80%,17%)
rgb(77,8,51)
cmyk(0,89,33,70)

Color HTML/CSS(CSS3) Example

Color rgb(199,21,133) usage in CSS

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


Color #C71585 usage in CSS

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


Color hsl(322,81%,43%) usage in CSS

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