DarkViolet rgb(148,0,211) / #9400D3

DarkViolet

rgb(148,0,211)

hsl(282,100%,41%)

cmyk(30,100,0,17)


DarkViolet Color Shades in HSL model

DarkViolet Color Lightness Range

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

hsl(282,100%,1%)
rgb(4,0,5)
cmyk(30,100,0,98)
hsl(282,100%,11%)
rgb(39,0,56)
cmyk(30,100,0,78)
hsl(282,100%,21%)
rgb(75,0,107)
cmyk(30,100,0,58)
hsl(282,100%,31%)
rgb(111,0,158)
cmyk(30,100,0,38)
hsl(282,100%,41%)
rgb(146,0,209)
cmyk(30,100,0,18)
hsl(282,100%,51%)
rgb(180,5,255)
cmyk(29,98,0,0)
hsl(282,100%,61%)
rgb(195,56,255)
cmyk(23,78,0,0)
hsl(282,100%,71%)
rgb(211,107,255)
cmyk(17,58,0,0)

DarkViolet Color Saturation Range

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

hsl(282,30%,41%)
rgb(117,73,136)
cmyk(14,46,0,47)
hsl(282,40%,41%)
rgb(121,63,146)
cmyk(17,57,0,43)
hsl(282,50%,41%)
rgb(125,52,157)
cmyk(20,67,0,39)
hsl(282,60%,41%)
rgb(130,42,167)
cmyk(22,75,0,34)
hsl(282,70%,41%)
rgb(134,31,178)
cmyk(25,82,0,30)
hsl(282,80%,41%)
rgb(138,21,188)
cmyk(27,89,0,26)
hsl(282,90%,41%)
rgb(142,10,199)
cmyk(28,95,0,22)
hsl(282,100%,41%)
rgb(146,0,209)
cmyk(30,100,0,18)

DarkViolet 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(242,100%,41%)
rgb(7,0,209)
cmyk(97,100,0,18)
hsl(252,100%,41%)
rgb(42,0,209)
cmyk(80,100,0,18)
hsl(262,100%,41%)
rgb(77,0,209)
cmyk(63,100,0,18)
hsl(272,100%,41%)
rgb(112,0,209)
cmyk(47,100,0,18)
hsl(282,100%,41%)
rgb(146,0,209)
cmyk(30,100,0,18)
hsl(292,100%,41%)
rgb(181,0,209)
cmyk(13,100,0,18)
hsl(302,100%,41%)
rgb(209,0,202)
cmyk(0,100,3,18)
hsl(312,100%,41%)
rgb(209,0,167)
cmyk(0,100,20,18)

DarkViolet Color Shades in RGB model range

Color shades in Red range

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

hsl(254,100%,41%)
rgb(48,0,211)
cmyk(77,100,0,17)
hsl(261,100%,41%)
rgb(73,0,211)
cmyk(65,100,0,17)
hsl(268,100%,41%)
rgb(98,0,211)
cmyk(54,100,0,17)
hsl(275,100%,41%)
rgb(123,0,211)
cmyk(42,100,0,17)
hsl(282,100%,41%)
rgb(148,0,211)
cmyk(30,100,0,17)
hsl(289,100%,41%)
rgb(173,0,211)
cmyk(18,100,0,17)
hsl(296,100%,41%)
rgb(198,0,211)
cmyk(6,100,0,17)
hsl(303,100%,44%)
rgb(223,0,211)
cmyk(0,100,5,13)

Color shades in Green range

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

hsl(282,100%,41%)
rgb(148,0,211)
cmyk(30,100,0,17)
hsl(280,79%,46%)
rgb(148,25,211)
cmyk(30,88,0,17)
hsl(277,65%,51%)
rgb(148,50,211)
cmyk(30,76,0,17)
hsl(272,61%,56%)
rgb(148,75,211)
cmyk(30,64,0,17)
hsl(266,56%,61%)
rgb(148,100,211)
cmyk(30,53,0,17)
hsl(256,49%,66%)
rgb(148,125,211)
cmyk(30,41,0,17)
hsl(238,42%,70%)
rgb(148,150,211)
cmyk(30,29,0,17)
hsl(214,42%,70%)
rgb(148,175,211)
cmyk(30,17,0,17)

Color shades in Blue range

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

hsl(328,100%,29%)
rgb(148,0,80)
cmyk(0,100,46,42)
hsl(317,100%,29%)
rgb(148,0,105)
cmyk(0,100,29,42)
hsl(307,100%,29%)
rgb(148,0,130)
cmyk(0,100,12,42)
hsl(297,100%,30%)
rgb(148,0,155)
cmyk(5,100,0,39)
hsl(289,100%,35%)
rgb(148,0,180)
cmyk(18,100,0,29)
hsl(283,100%,40%)
rgb(148,0,205)
cmyk(28,100,0,20)
hsl(279,100%,45%)
rgb(148,0,230)
cmyk(36,100,0,10)
hsl(275,100%,50%)
rgb(148,0,255)
cmyk(42,100,0,0)

DarkViolet Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,100%,42%)
rgb(212,0,212)
cmyk(0,100,0,17)
hsl(294,100%,42%)
rgb(190,0,212)
cmyk(10,100,0,17)
hsl(288,100%,42%)
rgb(169,0,212)
cmyk(20,100,0,17)
hsl(282,100%,42%)
rgb(148,0,212)
cmyk(30,100,0,17)
hsl(276,100%,42%)
rgb(127,0,212)
cmyk(40,100,0,17)
hsl(270,100%,42%)
rgb(106,0,212)
cmyk(50,100,0,17)
hsl(264,100%,42%)
rgb(85,0,212)
cmyk(60,100,0,17)
hsl(258,100%,42%)
rgb(63,0,212)
cmyk(70,100,0,17)

Color shades in Magenta range

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

hsl(240,42%,71%)
rgb(148,148,212)
cmyk(30,30,0,17)
hsl(255,49%,66%)
rgb(148,127,212)
cmyk(30,40,0,17)
hsl(264,55%,62%)
rgb(148,106,212)
cmyk(30,50,0,17)
hsl(270,59%,58%)
rgb(148,85,212)
cmyk(30,60,0,17)
hsl(274,63%,54%)
rgb(148,63,212)
cmyk(30,70,0,17)
hsl(278,67%,50%)
rgb(148,42,212)
cmyk(30,80,0,17)
hsl(280,82%,46%)
rgb(148,21,212)
cmyk(30,90,0,17)
hsl(282,100%,42%)
rgb(148,0,212)
cmyk(30,100,0,17)

Color shades in Yellow range

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

hsl(282,100%,42%)
rgb(148,0,212)
cmyk(30,100,0,17)
hsl(287,100%,37%)
rgb(148,0,190)
cmyk(22,100,0,25)
hsl(293,100%,33%)
rgb(148,0,169)
cmyk(12,100,0,34)
hsl(300,100%,29%)
rgb(148,0,148)
cmyk(0,100,0,42)
hsl(309,100%,29%)
rgb(148,0,127)
cmyk(0,100,14,42)
hsl(317,100%,29%)
rgb(148,0,106)
cmyk(0,100,29,42)
hsl(326,100%,29%)
rgb(148,0,85)
cmyk(0,100,43,42)
hsl(334,100%,29%)
rgb(148,0,63)
cmyk(0,100,57,42)

Color shades in Black range

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

hsl(282,100%,50%)
rgb(179,0,255)
cmyk(30,100,0,0)
hsl(282,100%,45%)
rgb(161,0,230)
cmyk(30,100,0,10)
hsl(282,100%,40%)
rgb(143,0,204)
cmyk(30,100,0,20)
hsl(282,100%,35%)
rgb(125,0,179)
cmyk(30,100,0,30)
hsl(282,100%,30%)
rgb(107,0,153)
cmyk(30,100,0,40)
hsl(282,100%,25%)
rgb(89,0,128)
cmyk(30,100,0,50)
hsl(282,100%,20%)
rgb(71,0,102)
cmyk(30,100,0,60)
hsl(282,100%,15%)
rgb(54,0,77)
cmyk(30,100,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(148,0,211) usage in CSS

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


Color #9400D3 usage in CSS

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


Color hsl(282,100%,41%) usage in CSS

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