rgb(230,130,230) / #E682E6

rgb(230,130,230)

hsl(300,67%,71%)

cmyk(0,43,0,10)


Color Shades in HSL model

Color Lightness Range

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

hsl(300,67%,30%)
rgb(128,25,128)
cmyk(0,80,0,50)
hsl(300,67%,40%)
rgb(170,34,170)
cmyk(0,80,0,33)
hsl(300,67%,50%)
rgb(213,42,213)
cmyk(0,80,0,17)
hsl(300,67%,60%)
rgb(221,85,221)
cmyk(0,62,0,13)
hsl(300,67%,70%)
rgb(230,127,230)
cmyk(0,45,0,10)
hsl(300,67%,80%)
rgb(238,170,238)
cmyk(0,29,0,7)
hsl(300,67%,90%)
rgb(247,212,247)
cmyk(0,14,0,3)
hsl(120,100%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)

Color Saturation Range

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

hsl(300,27%,71%)
rgb(201,161,201)
cmyk(0,20,0,21)
hsl(300,37%,71%)
rgb(208,154,208)
cmyk(0,26,0,18)
hsl(300,47%,71%)
rgb(216,146,216)
cmyk(0,32,0,15)
hsl(300,57%,71%)
rgb(223,139,223)
cmyk(0,38,0,12)
hsl(300,67%,71%)
rgb(231,132,231)
cmyk(0,43,0,10)
hsl(300,77%,71%)
rgb(238,124,238)
cmyk(0,48,0,7)
hsl(300,87%,71%)
rgb(245,117,245)
cmyk(0,52,0,4)
hsl(300,97%,71%)
rgb(253,109,253)
cmyk(0,57,0,1)

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,67%,71%)
rgb(165,132,231)
cmyk(29,43,0,10)
hsl(270,67%,71%)
rgb(181,132,231)
cmyk(21,43,0,10)
hsl(280,67%,71%)
rgb(198,132,231)
cmyk(14,43,0,10)
hsl(290,67%,71%)
rgb(214,132,231)
cmyk(7,43,0,10)
hsl(300,67%,71%)
rgb(231,132,231)
cmyk(0,43,0,10)
hsl(310,67%,71%)
rgb(231,132,214)
cmyk(0,43,7,10)
hsl(320,67%,71%)
rgb(231,132,198)
cmyk(0,43,14,10)
hsl(330,67%,71%)
rgb(231,132,181)
cmyk(0,43,21,10)

Color Shades in RGB model range

Color shades in Red range

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

hsl(220,75%,61%)
rgb(80,130,230)
cmyk(65,43,0,10)
hsl(228,71%,66%)
rgb(105,130,230)
cmyk(54,43,0,10)
hsl(240,67%,71%)
rgb(130,130,230)
cmyk(43,43,0,10)
hsl(255,67%,71%)
rgb(155,130,230)
cmyk(33,43,0,10)
hsl(270,67%,71%)
rgb(180,130,230)
cmyk(22,43,0,10)
hsl(285,67%,71%)
rgb(205,130,230)
cmyk(11,43,0,10)
hsl(300,67%,71%)
rgb(230,130,230)
cmyk(0,43,0,10)
hsl(312,100%,75%)
rgb(255,130,230)
cmyk(0,49,10,0)

Color shades in Green range

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

hsl(300,80%,51%)
rgb(230,30,230)
cmyk(0,87,0,10)
hsl(300,78%,56%)
rgb(230,55,230)
cmyk(0,76,0,10)
hsl(300,75%,61%)
rgb(230,80,230)
cmyk(0,65,0,10)
hsl(300,71%,66%)
rgb(230,105,230)
cmyk(0,54,0,10)
hsl(300,67%,71%)
rgb(230,130,230)
cmyk(0,43,0,10)
hsl(300,60%,75%)
rgb(230,155,230)
cmyk(0,33,0,10)
hsl(300,50%,80%)
rgb(230,180,230)
cmyk(0,22,0,10)
hsl(300,33%,85%)
rgb(230,205,230)
cmyk(0,11,0,10)

Color shades in Blue range

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

hsl(20,75%,61%)
rgb(230,130,80)
cmyk(0,43,65,10)
hsl(12,71%,66%)
rgb(230,130,105)
cmyk(0,43,54,10)
hsl(0,67%,71%)
rgb(230,130,130)
cmyk(0,43,43,10)
hsl(345,67%,71%)
rgb(230,130,155)
cmyk(0,43,33,10)
hsl(330,67%,71%)
rgb(230,130,180)
cmyk(0,43,22,10)
hsl(315,67%,71%)
rgb(230,130,205)
cmyk(0,43,11,10)
hsl(300,67%,71%)
rgb(230,130,230)
cmyk(0,43,0,10)
hsl(288,100%,75%)
rgb(230,130,255)
cmyk(10,49,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,66%,71%)
rgb(230,131,230)
cmyk(0,43,0,10)
hsl(286,66%,71%)
rgb(207,131,230)
cmyk(10,43,0,10)
hsl(272,66%,71%)
rgb(184,131,230)
cmyk(20,43,0,10)
hsl(258,66%,71%)
rgb(161,131,230)
cmyk(30,43,0,10)
hsl(244,66%,71%)
rgb(138,131,230)
cmyk(40,43,0,10)
hsl(232,69%,68%)
rgb(115,131,230)
cmyk(50,43,0,10)
hsl(223,73%,63%)
rgb(92,131,230)
cmyk(60,43,0,10)
hsl(217,76%,59%)
rgb(69,131,230)
cmyk(70,43,0,10)

Color shades in Magenta range

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

hsl(300,12%,89%)
rgb(230,223,230)
cmyk(0,3,0,10)
hsl(300,37%,84%)
rgb(230,200,230)
cmyk(0,13,0,10)
hsl(300,51%,80%)
rgb(230,177,230)
cmyk(0,23,0,10)
hsl(300,60%,75%)
rgb(230,154,230)
cmyk(0,33,0,10)
hsl(300,66%,71%)
rgb(230,131,230)
cmyk(0,43,0,10)
hsl(300,70%,66%)
rgb(230,108,230)
cmyk(0,53,0,10)
hsl(300,74%,62%)
rgb(230,85,230)
cmyk(0,63,0,10)
hsl(300,77%,57%)
rgb(230,62,230)
cmyk(0,73,0,10)

Color shades in Yellow range

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

hsl(300,66%,71%)
rgb(230,131,230)
cmyk(0,43,0,10)
hsl(314,66%,71%)
rgb(230,131,207)
cmyk(0,43,10,10)
hsl(328,66%,71%)
rgb(230,131,184)
cmyk(0,43,20,10)
hsl(342,66%,71%)
rgb(230,131,161)
cmyk(0,43,30,10)
hsl(356,66%,71%)
rgb(230,131,138)
cmyk(0,43,40,10)
hsl(8,69%,68%)
rgb(230,131,115)
cmyk(0,43,50,10)
hsl(17,73%,63%)
rgb(230,131,92)
cmyk(0,43,60,10)
hsl(23,76%,59%)
rgb(230,131,69)
cmyk(0,43,70,10)

Color shades in Black range

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

hsl(300,100%,79%)
rgb(255,145,255)
cmyk(0,43,0,0)
hsl(300,66%,71%)
rgb(230,131,230)
cmyk(0,43,0,10)
hsl(300,46%,63%)
rgb(204,116,204)
cmyk(0,43,0,20)
hsl(300,33%,55%)
rgb(179,102,179)
cmyk(0,43,0,30)
hsl(300,27%,47%)
rgb(153,87,153)
cmyk(0,43,0,40)
hsl(300,27%,39%)
rgb(128,73,128)
cmyk(0,43,0,50)
hsl(300,27%,31%)
rgb(102,58,102)
cmyk(0,43,0,60)
hsl(300,27%,24%)
rgb(77,44,77)
cmyk(0,43,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #E682E6 usage in CSS

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


Color hsl(300,67%,71%) usage in CSS

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