MediumOrchid rgb(186,85,211) / #BA55D3

MediumOrchid

rgb(186,85,211)

hsl(288,59%,58%)

cmyk(12,60,0,17)


MediumOrchid Color Shades in HSL model

MediumOrchid Color Lightness Range

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

hsl(288,59%,18%)
rgb(62,19,73)
cmyk(15,74,0,71)
hsl(288,59%,28%)
rgb(97,29,114)
cmyk(15,74,0,55)
hsl(288,59%,38%)
rgb(131,40,154)
cmyk(15,74,0,40)
hsl(288,59%,48%)
rgb(166,50,195)
cmyk(15,74,0,24)
hsl(288,59%,58%)
rgb(186,85,211)
cmyk(12,60,0,17)
hsl(288,59%,68%)
rgb(202,125,222)
cmyk(9,43,0,13)
hsl(288,59%,78%)
rgb(219,166,232)
cmyk(6,29,0,9)
hsl(288,59%,88%)
rgb(235,206,242)
cmyk(3,15,0,5)

MediumOrchid Color Saturation Range

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

hsl(288,19%,58%)
rgb(160,128,168)
cmyk(5,24,0,34)
hsl(288,29%,58%)
rgb(167,117,179)
cmyk(7,35,0,30)
hsl(288,39%,58%)
rgb(173,106,190)
cmyk(9,44,0,26)
hsl(288,49%,58%)
rgb(179,95,200)
cmyk(10,52,0,21)
hsl(288,59%,58%)
rgb(186,85,211)
cmyk(12,60,0,17)
hsl(288,69%,58%)
rgb(192,74,222)
cmyk(13,67,0,13)
hsl(288,79%,58%)
rgb(199,63,233)
cmyk(15,73,0,9)
hsl(288,89%,58%)
rgb(205,53,243)
cmyk(16,78,0,5)

MediumOrchid 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(248,59%,58%)
rgb(102,85,211)
cmyk(52,60,0,17)
hsl(258,59%,58%)
rgb(123,85,211)
cmyk(42,60,0,17)
hsl(268,59%,58%)
rgb(144,85,211)
cmyk(32,60,0,17)
hsl(278,59%,58%)
rgb(165,85,211)
cmyk(22,60,0,17)
hsl(288,59%,58%)
rgb(186,85,211)
cmyk(12,60,0,17)
hsl(298,59%,58%)
rgb(207,85,211)
cmyk(2,60,0,17)
hsl(308,59%,58%)
rgb(211,85,194)
cmyk(0,60,8,17)
hsl(318,59%,58%)
rgb(211,85,173)
cmyk(0,60,18,17)

MediumOrchid Color Shades in RGB model range

Color shades in Red range

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

hsl(238,60%,57%)
rgb(80,85,211)
cmyk(62,60,0,17)
hsl(250,59%,58%)
rgb(105,85,211)
cmyk(50,60,0,17)
hsl(261,59%,58%)
rgb(130,85,211)
cmyk(38,60,0,17)
hsl(273,59%,58%)
rgb(155,85,211)
cmyk(27,60,0,17)
hsl(285,59%,58%)
rgb(180,85,211)
cmyk(15,60,0,17)
hsl(297,59%,58%)
rgb(205,85,211)
cmyk(3,60,0,17)
hsl(308,74%,62%)
rgb(230,85,211)
cmyk(0,63,8,10)
hsl(316,100%,67%)
rgb(255,85,211)
cmyk(0,67,17,0)

Color shades in Green range

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

hsl(293,100%,41%)
rgb(186,0,211)
cmyk(12,100,0,17)
hsl(292,79%,46%)
rgb(186,25,211)
cmyk(12,88,0,17)
hsl(291,65%,51%)
rgb(186,50,211)
cmyk(12,76,0,17)
hsl(289,61%,56%)
rgb(186,75,211)
cmyk(12,64,0,17)
hsl(286,56%,61%)
rgb(186,100,211)
cmyk(12,53,0,17)
hsl(283,49%,66%)
rgb(186,125,211)
cmyk(12,41,0,17)
hsl(275,41%,71%)
rgb(186,150,211)
cmyk(12,29,0,17)
hsl(258,29%,76%)
rgb(186,175,211)
cmyk(12,17,0,17)

Color shades in Blue range

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

hsl(3,43%,52%)
rgb(186,85,80)
cmyk(0,54,57,27)
hsl(348,42%,53%)
rgb(186,85,105)
cmyk(0,54,44,27)
hsl(333,42%,53%)
rgb(186,85,130)
cmyk(0,54,30,27)
hsl(318,42%,53%)
rgb(186,85,155)
cmyk(0,54,17,27)
hsl(304,42%,53%)
rgb(186,85,180)
cmyk(0,54,3,27)
hsl(291,55%,57%)
rgb(186,85,205)
cmyk(9,59,0,20)
hsl(282,74%,62%)
rgb(186,85,230)
cmyk(19,63,0,10)
hsl(276,100%,67%)
rgb(186,85,255)
cmyk(27,67,0,0)

MediumOrchid Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,59%,58%)
rgb(212,85,212)
cmyk(0,60,0,17)
hsl(290,59%,58%)
rgb(190,85,212)
cmyk(10,60,0,17)
hsl(280,59%,58%)
rgb(169,85,212)
cmyk(20,60,0,17)
hsl(270,59%,58%)
rgb(148,85,212)
cmyk(30,60,0,17)
hsl(260,59%,58%)
rgb(127,85,212)
cmyk(40,60,0,17)
hsl(250,59%,58%)
rgb(106,85,212)
cmyk(50,60,0,17)
hsl(240,59%,58%)
rgb(85,85,212)
cmyk(60,60,0,17)
hsl(231,63%,54%)
rgb(63,85,212)
cmyk(70,60,0,17)

Color shades in Magenta range

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

hsl(264,33%,75%)
rgb(186,169,212)
cmyk(12,20,0,17)
hsl(276,42%,71%)
rgb(186,148,212)
cmyk(12,30,0,17)
hsl(282,49%,66%)
rgb(186,127,212)
cmyk(12,40,0,17)
hsl(286,55%,62%)
rgb(186,106,212)
cmyk(12,50,0,17)
hsl(288,59%,58%)
rgb(186,85,212)
cmyk(12,60,0,17)
hsl(290,63%,54%)
rgb(186,63,212)
cmyk(12,70,0,17)
hsl(291,67%,50%)
rgb(186,42,212)
cmyk(12,80,0,17)
hsl(292,82%,46%)
rgb(186,21,212)
cmyk(12,90,0,17)

Color shades in Yellow range

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

hsl(288,59%,58%)
rgb(186,85,212)
cmyk(12,60,0,17)
hsl(298,45%,54%)
rgb(186,85,190)
cmyk(2,56,0,25)
hsl(310,42%,53%)
rgb(186,85,169)
cmyk(0,55,9,27)
hsl(323,42%,53%)
rgb(186,85,148)
cmyk(0,55,20,27)
hsl(335,42%,53%)
rgb(186,85,127)
cmyk(0,55,32,27)
hsl(348,42%,53%)
rgb(186,85,106)
cmyk(0,55,43,27)
hsl(0,42%,53%)
rgb(186,85,85)
cmyk(0,55,55,27)
hsl(10,49%,49%)
rgb(186,85,63)
cmyk(0,55,66,27)

Color shades in Black range

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

hsl(288,100%,70%)
rgb(224,102,255)
cmyk(12,60,0,0)
hsl(288,73%,63%)
rgb(202,92,230)
cmyk(12,60,0,10)
hsl(288,55%,56%)
rgb(180,82,204)
cmyk(12,60,0,20)
hsl(288,43%,49%)
rgb(157,71,179)
cmyk(12,60,0,30)
hsl(288,43%,42%)
rgb(135,61,153)
cmyk(12,60,0,40)
hsl(288,43%,35%)
rgb(112,51,128)
cmyk(12,60,0,50)
hsl(288,43%,28%)
rgb(90,41,102)
cmyk(12,60,0,60)
hsl(288,43%,21%)
rgb(67,31,77)
cmyk(12,60,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(186,85,211) usage in CSS

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


Color #BA55D3 usage in CSS

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


Color hsl(288,59%,58%) usage in CSS

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