MediumPurple rgb(147,112,219) / #9370DB

MediumPurple

rgb(147,112,219)

hsl(260,60%,65%)

cmyk(33,49,0,14)


MediumPurple Color Shades in HSL model

MediumPurple Color Lightness Range

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

hsl(260,60%,25%)
rgb(51,25,102)
cmyk(50,75,0,60)
hsl(260,60%,35%)
rgb(71,36,143)
cmyk(50,75,0,44)
hsl(260,60%,45%)
rgb(92,46,184)
cmyk(50,75,0,28)
hsl(260,60%,55%)
rgb(117,71,209)
cmyk(44,66,0,18)
hsl(260,60%,65%)
rgb(148,112,219)
cmyk(33,49,0,14)
hsl(260,60%,75%)
rgb(179,153,230)
cmyk(22,33,0,10)
hsl(260,60%,85%)
rgb(209,194,240)
cmyk(13,19,0,6)
hsl(260,60%,95%)
rgb(240,235,250)
cmyk(4,6,0,2)

MediumPurple Color Saturation Range

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

hsl(260,20%,65%)
rgb(160,148,184)
cmyk(13,19,0,28)
hsl(260,30%,65%)
rgb(157,139,193)
cmyk(19,28,0,25)
hsl(260,40%,65%)
rgb(154,130,201)
cmyk(24,35,0,21)
hsl(260,50%,65%)
rgb(151,121,210)
cmyk(28,42,0,18)
hsl(260,60%,65%)
rgb(148,112,219)
cmyk(33,49,0,14)
hsl(260,70%,65%)
rgb(145,103,228)
cmyk(36,55,0,10)
hsl(260,80%,65%)
rgb(142,94,237)
cmyk(40,60,0,7)
hsl(260,90%,65%)
rgb(139,85,246)
cmyk(44,65,0,4)

MediumPurple 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(220,60%,65%)
rgb(112,148,219)
cmyk(49,33,0,14)
hsl(230,60%,65%)
rgb(112,130,219)
cmyk(49,41,0,14)
hsl(240,60%,65%)
rgb(112,112,219)
cmyk(49,49,0,14)
hsl(250,60%,65%)
rgb(130,112,219)
cmyk(41,49,0,14)
hsl(260,60%,65%)
rgb(148,112,219)
cmyk(33,49,0,14)
hsl(270,60%,65%)
rgb(166,112,219)
cmyk(24,49,0,14)
hsl(280,60%,65%)
rgb(184,112,219)
cmyk(16,49,0,14)
hsl(290,60%,65%)
rgb(201,112,219)
cmyk(8,49,0,14)

MediumPurple Color Shades in RGB model range

Color shades in Red range

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

hsl(217,70%,52%)
rgb(47,112,219)
cmyk(79,49,0,14)
hsl(224,67%,57%)
rgb(72,112,219)
cmyk(67,49,0,14)
hsl(233,63%,62%)
rgb(97,112,219)
cmyk(56,49,0,14)
hsl(246,60%,65%)
rgb(122,112,219)
cmyk(44,49,0,14)
hsl(260,60%,65%)
rgb(147,112,219)
cmyk(33,49,0,14)
hsl(274,60%,65%)
rgb(172,112,219)
cmyk(21,49,0,14)
hsl(288,60%,65%)
rgb(197,112,219)
cmyk(10,49,0,14)
hsl(302,63%,65%)
rgb(222,112,219)
cmyk(0,50,1,13)

Color shades in Green range

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

hsl(279,90%,45%)
rgb(147,12,219)
cmyk(33,95,0,14)
hsl(276,72%,50%)
rgb(147,37,219)
cmyk(33,83,0,14)
hsl(272,69%,55%)
rgb(147,62,219)
cmyk(33,72,0,14)
hsl(267,65%,60%)
rgb(147,87,219)
cmyk(33,60,0,14)
hsl(260,60%,65%)
rgb(147,112,219)
cmyk(33,49,0,14)
hsl(247,53%,70%)
rgb(147,137,219)
cmyk(33,37,0,14)
hsl(228,50%,72%)
rgb(147,162,219)
cmyk(33,26,0,14)
hsl(207,50%,72%)
rgb(147,187,219)
cmyk(33,15,0,14)

Color shades in Blue range

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

hsl(29,30%,45%)
rgb(147,112,80)
cmyk(0,24,46,42)
hsl(10,17%,49%)
rgb(147,112,105)
cmyk(0,24,29,42)
hsl(329,14%,51%)
rgb(147,112,130)
cmyk(0,24,12,42)
hsl(289,18%,52%)
rgb(147,112,155)
cmyk(5,28,0,39)
hsl(271,31%,57%)
rgb(147,112,180)
cmyk(18,38,0,29)
hsl(263,48%,62%)
rgb(147,112,205)
cmyk(28,45,0,20)
hsl(258,70%,67%)
rgb(147,112,230)
cmyk(36,51,0,10)
hsl(255,100%,72%)
rgb(147,112,255)
cmyk(42,56,0,0)

MediumPurple Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,60%,65%)
rgb(219,112,219)
cmyk(0,49,0,14)
hsl(288,60%,65%)
rgb(197,112,219)
cmyk(10,49,0,14)
hsl(276,60%,65%)
rgb(175,112,219)
cmyk(20,49,0,14)
hsl(263,60%,65%)
rgb(154,112,219)
cmyk(30,49,0,14)
hsl(251,60%,65%)
rgb(132,112,219)
cmyk(40,49,0,14)
hsl(239,61%,65%)
rgb(110,112,219)
cmyk(50,49,0,14)
hsl(229,65%,60%)
rgb(88,112,219)
cmyk(60,49,0,14)
hsl(222,68%,56%)
rgb(66,112,219)
cmyk(70,49,0,14)

Color shades in Magenta range

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

hsl(196,50%,72%)
rgb(147,200,219)
cmyk(33,9,0,14)
hsl(215,50%,72%)
rgb(147,178,219)
cmyk(33,19,0,14)
hsl(233,50%,72%)
rgb(147,156,219)
cmyk(33,29,0,14)
hsl(249,55%,69%)
rgb(147,134,219)
cmyk(33,39,0,14)
hsl(260,60%,65%)
rgb(147,112,219)
cmyk(33,49,0,14)
hsl(266,64%,61%)
rgb(147,90,219)
cmyk(33,59,0,14)
hsl(271,68%,56%)
rgb(147,68,219)
cmyk(33,69,0,14)
hsl(275,71%,52%)
rgb(147,46,219)
cmyk(33,79,0,14)

Color shades in Yellow range

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

hsl(260,60%,65%)
rgb(147,112,219)
cmyk(33,49,0,14)
hsl(265,43%,61%)
rgb(147,112,197)
cmyk(26,43,0,23)
hsl(273,29%,56%)
rgb(147,112,175)
cmyk(16,36,0,31)
hsl(291,17%,52%)
rgb(147,112,154)
cmyk(4,27,0,40)
hsl(326,14%,51%)
rgb(147,112,132)
cmyk(0,24,10,42)
hsl(4,15%,50%)
rgb(147,112,110)
cmyk(0,24,25,42)
hsl(24,25%,46%)
rgb(147,112,88)
cmyk(0,24,40,42)
hsl(34,38%,42%)
rgb(147,112,66)
cmyk(0,24,55,42)

Color shades in Black range

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

hsl(260,100%,76%)
rgb(171,130,255)
cmyk(33,49,0,0)
hsl(260,69%,68%)
rgb(154,117,230)
cmyk(33,49,0,10)
hsl(260,49%,60%)
rgb(137,104,204)
cmyk(33,49,0,20)
hsl(260,36%,53%)
rgb(120,91,179)
cmyk(33,49,0,30)
hsl(260,32%,45%)
rgb(103,78,153)
cmyk(33,49,0,40)
hsl(260,32%,38%)
rgb(85,65,128)
cmyk(33,49,0,50)
hsl(260,32%,30%)
rgb(68,52,102)
cmyk(33,49,0,60)
hsl(260,32%,23%)
rgb(51,39,77)
cmyk(33,49,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(147,112,219) usage in CSS

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


Color #9370DB usage in CSS

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


Color hsl(260,60%,65%) usage in CSS

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