Violet rgb(238,130,238) / #EE82EE

Violet

rgb(238,130,238)

hsl(300,76%,72%)

cmyk(0,45,0,7)


Violet Color Shades in HSL model

Violet Color Lightness Range

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

hsl(300,76%,30%)
rgb(135,18,135)
cmyk(0,86,0,47)
hsl(300,76%,40%)
rgb(180,24,180)
cmyk(0,86,0,30)
hsl(300,76%,50%)
rgb(224,31,224)
cmyk(0,86,0,12)
hsl(300,76%,60%)
rgb(231,75,231)
cmyk(0,67,0,10)
hsl(300,76%,70%)
rgb(237,120,237)
cmyk(0,49,0,7)
hsl(300,76%,80%)
rgb(243,165,243)
cmyk(0,32,0,5)
hsl(300,76%,90%)
rgb(249,210,249)
cmyk(0,16,0,2)
hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)

Violet Color Saturation Range

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

hsl(300,30%,72%)
rgb(205,162,205)
cmyk(0,21,0,20)
hsl(300,40%,72%)
rgb(212,155,212)
cmyk(0,27,0,17)
hsl(300,50%,72%)
rgb(219,148,219)
cmyk(0,33,0,14)
hsl(300,60%,72%)
rgb(226,141,226)
cmyk(0,38,0,11)
hsl(300,70%,72%)
rgb(234,134,234)
cmyk(0,43,0,8)
hsl(300,80%,72%)
rgb(241,126,241)
cmyk(0,47,0,6)
hsl(300,90%,72%)
rgb(248,119,248)
cmyk(0,52,0,3)
hsl(300,100%,72%)
rgb(255,112,255)
cmyk(0,56,0,0)

Violet 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(260,76%,72%)
rgb(166,129,238)
cmyk(30,46,0,7)
hsl(270,76%,72%)
rgb(184,129,238)
cmyk(23,46,0,7)
hsl(280,76%,72%)
rgb(202,129,238)
cmyk(15,46,0,7)
hsl(290,76%,72%)
rgb(220,129,238)
cmyk(8,46,0,7)
hsl(300,76%,72%)
rgb(238,129,238)
cmyk(0,46,0,7)
hsl(310,76%,72%)
rgb(238,129,220)
cmyk(0,46,8,7)
hsl(320,76%,72%)
rgb(238,129,202)
cmyk(0,46,15,7)
hsl(330,76%,72%)
rgb(238,129,184)
cmyk(0,46,23,7)

Violet Color Shades in RGB model range

Color shades in Red range

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

hsl(221,82%,62%)
rgb(80,130,238)
cmyk(66,45,0,7)
hsl(229,80%,67%)
rgb(105,130,238)
cmyk(56,45,0,7)
hsl(240,76%,72%)
rgb(130,130,238)
cmyk(45,45,0,7)
hsl(254,76%,72%)
rgb(155,130,238)
cmyk(35,45,0,7)
hsl(268,76%,72%)
rgb(180,130,238)
cmyk(24,45,0,7)
hsl(282,76%,72%)
rgb(205,130,238)
cmyk(14,45,0,7)
hsl(296,76%,72%)
rgb(230,130,238)
cmyk(3,45,0,7)
hsl(308,100%,75%)
rgb(255,130,238)
cmyk(0,49,7,0)

Color shades in Green range

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

hsl(300,86%,53%)
rgb(238,30,238)
cmyk(0,87,0,7)
hsl(300,84%,57%)
rgb(238,55,238)
cmyk(0,77,0,7)
hsl(300,82%,62%)
rgb(238,80,238)
cmyk(0,66,0,7)
hsl(300,80%,67%)
rgb(238,105,238)
cmyk(0,56,0,7)
hsl(300,76%,72%)
rgb(238,130,238)
cmyk(0,45,0,7)
hsl(300,71%,77%)
rgb(238,155,238)
cmyk(0,35,0,7)
hsl(300,63%,82%)
rgb(238,180,238)
cmyk(0,24,0,7)
hsl(300,49%,87%)
rgb(238,205,238)
cmyk(0,14,0,7)

Color shades in Blue range

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

hsl(19,82%,62%)
rgb(238,130,80)
cmyk(0,45,66,7)
hsl(11,80%,67%)
rgb(238,130,105)
cmyk(0,45,56,7)
hsl(0,76%,72%)
rgb(238,130,130)
cmyk(0,45,45,7)
hsl(346,76%,72%)
rgb(238,130,155)
cmyk(0,45,35,7)
hsl(332,76%,72%)
rgb(238,130,180)
cmyk(0,45,24,7)
hsl(318,76%,72%)
rgb(238,130,205)
cmyk(0,45,14,7)
hsl(304,76%,72%)
rgb(238,130,230)
cmyk(0,45,3,7)
hsl(292,100%,75%)
rgb(238,130,255)
cmyk(7,49,0,0)

Violet Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,75%,72%)
rgb(237,130,237)
cmyk(0,45,0,7)
hsl(287,75%,72%)
rgb(213,130,237)
cmyk(10,45,0,7)
hsl(273,75%,72%)
rgb(190,130,237)
cmyk(20,45,0,7)
hsl(260,75%,72%)
rgb(166,130,237)
cmyk(30,45,0,7)
hsl(247,75%,72%)
rgb(142,130,237)
cmyk(40,45,0,7)
hsl(234,77%,70%)
rgb(119,130,237)
cmyk(50,45,0,7)
hsl(225,80%,65%)
rgb(95,130,237)
cmyk(60,45,0,7)
hsl(219,82%,60%)
rgb(71,130,237)
cmyk(70,45,0,7)

Color shades in Magenta range

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

hsl(300,25%,91%)
rgb(237,225,237)
cmyk(0,5,0,7)
hsl(300,50%,86%)
rgb(237,202,237)
cmyk(0,15,0,7)
hsl(300,62%,81%)
rgb(237,178,237)
cmyk(0,25,0,7)
hsl(300,70%,77%)
rgb(237,154,237)
cmyk(0,35,0,7)
hsl(300,75%,72%)
rgb(237,130,237)
cmyk(0,45,0,7)
hsl(300,79%,67%)
rgb(237,107,237)
cmyk(0,55,0,7)
hsl(300,81%,63%)
rgb(237,83,237)
cmyk(0,65,0,7)
hsl(300,83%,58%)
rgb(237,59,237)
cmyk(0,75,0,7)

Color shades in Yellow range

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

hsl(300,75%,72%)
rgb(237,130,237)
cmyk(0,45,0,7)
hsl(313,75%,72%)
rgb(237,130,213)
cmyk(0,45,10,7)
hsl(327,75%,72%)
rgb(237,130,190)
cmyk(0,45,20,7)
hsl(340,75%,72%)
rgb(237,130,166)
cmyk(0,45,30,7)
hsl(353,75%,72%)
rgb(237,130,142)
cmyk(0,45,40,7)
hsl(6,77%,70%)
rgb(237,130,119)
cmyk(0,45,50,7)
hsl(15,80%,65%)
rgb(237,130,95)
cmyk(0,45,60,7)
hsl(21,82%,60%)
rgb(237,130,71)
cmyk(0,45,70,7)

Color shades in Black range

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

hsl(300,100%,78%)
rgb(255,140,255)
cmyk(0,45,0,0)
hsl(300,67%,70%)
rgb(230,126,230)
cmyk(0,45,0,10)
hsl(300,47%,62%)
rgb(204,112,204)
cmyk(0,45,0,20)
hsl(300,34%,54%)
rgb(179,98,179)
cmyk(0,45,0,30)
hsl(300,29%,47%)
rgb(153,84,153)
cmyk(0,45,0,40)
hsl(300,29%,39%)
rgb(128,70,128)
cmyk(0,45,0,50)
hsl(300,29%,31%)
rgb(102,56,102)
cmyk(0,45,0,60)
hsl(300,29%,23%)
rgb(77,42,77)
cmyk(0,45,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(238,130,238) usage in CSS

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


Color #EE82EE usage in CSS

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


Color hsl(300,76%,72%) usage in CSS

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