BlueViolet rgb(138,43,226) / #8A2BE2

BlueViolet

rgb(138,43,226)

hsl(271,76%,53%)

cmyk(39,81,0,11)


BlueViolet Color Shades in HSL model

BlueViolet Color Lightness Range

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

hsl(271,76%,13%)
rgb(34,8,58)
cmyk(42,86,0,77)
hsl(271,76%,23%)
rgb(60,14,103)
cmyk(42,86,0,60)
hsl(271,76%,33%)
rgb(86,20,148)
cmyk(42,86,0,42)
hsl(271,76%,43%)
rgb(112,26,193)
cmyk(42,86,0,24)
hsl(271,76%,53%)
rgb(138,44,226)
cmyk(39,81,0,11)
hsl(271,76%,63%)
rgb(163,89,232)
cmyk(30,62,0,9)
hsl(271,76%,73%)
rgb(188,134,238)
cmyk(21,44,0,6)
hsl(271,76%,83%)
rgb(213,179,245)
cmyk(13,27,0,4)

BlueViolet Color Saturation Range

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

hsl(271,30%,53%)
rgb(136,99,171)
cmyk(20,42,0,33)
hsl(271,40%,53%)
rgb(137,87,183)
cmyk(25,52,0,28)
hsl(271,50%,53%)
rgb(137,75,195)
cmyk(30,61,0,24)
hsl(271,60%,53%)
rgb(138,63,207)
cmyk(34,69,0,19)
hsl(271,70%,53%)
rgb(138,51,219)
cmyk(37,77,0,14)
hsl(271,80%,53%)
rgb(138,39,231)
cmyk(40,83,0,9)
hsl(271,90%,53%)
rgb(139,27,243)
cmyk(43,89,0,5)
hsl(271,100%,53%)
rgb(139,15,255)
cmyk(45,94,0,0)

BlueViolet 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(231,76%,53%)
rgb(44,71,226)
cmyk(81,68,0,11)
hsl(241,76%,53%)
rgb(47,44,226)
cmyk(79,81,0,11)
hsl(251,76%,53%)
rgb(77,44,226)
cmyk(66,81,0,11)
hsl(261,76%,53%)
rgb(108,44,226)
cmyk(52,81,0,11)
hsl(271,76%,53%)
rgb(138,44,226)
cmyk(39,81,0,11)
hsl(281,76%,53%)
rgb(169,44,226)
cmyk(25,81,0,11)
hsl(291,76%,53%)
rgb(199,44,226)
cmyk(12,81,0,11)
hsl(301,76%,53%)
rgb(226,44,223)
cmyk(0,81,1,11)

BlueViolet Color Shades in RGB model range

Color shades in Red range

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

hsl(238,76%,52%)
rgb(38,43,226)
cmyk(83,81,0,11)
hsl(247,76%,53%)
rgb(63,43,226)
cmyk(72,81,0,11)
hsl(255,76%,53%)
rgb(88,43,226)
cmyk(61,81,0,11)
hsl(263,76%,53%)
rgb(113,43,226)
cmyk(50,81,0,11)
hsl(271,76%,53%)
rgb(138,43,226)
cmyk(39,81,0,11)
hsl(279,76%,53%)
rgb(163,43,226)
cmyk(28,81,0,11)
hsl(288,76%,53%)
rgb(188,43,226)
cmyk(17,81,0,11)
hsl(296,76%,53%)
rgb(213,43,226)
cmyk(6,81,0,11)

Color shades in Green range

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

hsl(277,100%,44%)
rgb(138,0,226)
cmyk(39,100,0,11)
hsl(274,80%,49%)
rgb(138,25,226)
cmyk(39,89,0,11)
hsl(270,75%,54%)
rgb(138,50,226)
cmyk(39,78,0,11)
hsl(265,72%,59%)
rgb(138,75,226)
cmyk(39,67,0,11)
hsl(258,68%,64%)
rgb(138,100,226)
cmyk(39,56,0,11)
hsl(248,64%,69%)
rgb(138,125,226)
cmyk(39,45,0,11)
hsl(232,60%,71%)
rgb(138,150,226)
cmyk(39,34,0,11)
hsl(215,60%,71%)
rgb(138,175,226)
cmyk(39,23,0,11)

Color shades in Blue range

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

hsl(337,52%,35%)
rgb(138,43,80)
cmyk(0,69,42,46)
hsl(321,52%,35%)
rgb(138,43,105)
cmyk(0,69,24,46)
hsl(305,52%,35%)
rgb(138,43,130)
cmyk(0,69,6,46)
hsl(291,57%,39%)
rgb(138,43,155)
cmyk(11,72,0,39)
hsl(282,61%,44%)
rgb(138,43,180)
cmyk(23,76,0,29)
hsl(275,65%,49%)
rgb(138,43,205)
cmyk(33,79,0,20)
hsl(270,79%,54%)
rgb(138,43,230)
cmyk(40,81,0,10)
hsl(267,100%,58%)
rgb(138,43,255)
cmyk(46,83,0,0)

BlueViolet Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,77%,53%)
rgb(227,43,227)
cmyk(0,81,0,11)
hsl(293,77%,53%)
rgb(204,43,227)
cmyk(10,81,0,11)
hsl(285,77%,53%)
rgb(182,43,227)
cmyk(20,81,0,11)
hsl(278,77%,53%)
rgb(159,43,227)
cmyk(30,81,0,11)
hsl(270,77%,53%)
rgb(136,43,227)
cmyk(40,81,0,11)
hsl(263,77%,53%)
rgb(113,43,227)
cmyk(50,81,0,11)
hsl(256,77%,53%)
rgb(91,43,227)
cmyk(60,81,0,11)
hsl(248,77%,53%)
rgb(68,43,227)
cmyk(70,81,0,11)

Color shades in Magenta range

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

hsl(226,61%,72%)
rgb(138,159,227)
cmyk(39,30,0,11)
hsl(241,62%,71%)
rgb(138,136,227)
cmyk(39,40,0,11)
hsl(253,67%,67%)
rgb(138,113,227)
cmyk(39,50,0,11)
hsl(261,71%,62%)
rgb(138,91,227)
cmyk(39,60,0,11)
hsl(267,74%,58%)
rgb(138,68,227)
cmyk(39,70,0,11)
hsl(271,76%,53%)
rgb(138,45,227)
cmyk(39,80,0,11)
hsl(274,82%,49%)
rgb(138,23,227)
cmyk(39,90,0,11)
hsl(277,100%,45%)
rgb(138,0,227)
cmyk(39,100,0,11)

Color shades in Yellow range

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

hsl(271,77%,53%)
rgb(138,43,227)
cmyk(39,81,0,11)
hsl(275,65%,49%)
rgb(138,43,204)
cmyk(32,79,0,20)
hsl(281,62%,44%)
rgb(138,43,182)
cmyk(24,76,0,29)
hsl(289,57%,40%)
rgb(138,43,159)
cmyk(13,73,0,38)
hsl(301,53%,36%)
rgb(138,43,136)
cmyk(0,69,2,46)
hsl(316,53%,36%)
rgb(138,43,113)
cmyk(0,69,18,46)
hsl(330,53%,36%)
rgb(138,43,91)
cmyk(0,69,34,46)
hsl(344,53%,36%)
rgb(138,43,68)
cmyk(0,69,51,46)

Color shades in Black range

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

hsl(271,100%,60%)
rgb(156,48,255)
cmyk(39,81,0,0)
hsl(271,78%,54%)
rgb(140,44,230)
cmyk(39,81,0,10)
hsl(271,68%,48%)
rgb(124,39,204)
cmyk(39,81,0,20)
hsl(271,68%,42%)
rgb(109,34,179)
cmyk(39,81,0,30)
hsl(271,68%,36%)
rgb(93,29,153)
cmyk(39,81,0,40)
hsl(271,68%,30%)
rgb(78,24,128)
cmyk(39,81,0,50)
hsl(271,68%,24%)
rgb(62,19,102)
cmyk(39,81,0,60)
hsl(271,68%,18%)
rgb(47,15,77)
cmyk(39,81,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(138,43,226) usage in CSS

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


Color #8A2BE2 usage in CSS

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


Color hsl(271,76%,53%) usage in CSS

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