RebeccaPurple rgb(102,51,153) / #663399

RebeccaPurple

rgb(102,51,153)

hsl(270,50%,40%)

cmyk(33,67,0,40)


RebeccaPurple Color Shades in HSL model

RebeccaPurple Color Lightness Range

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

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)
hsl(270,50%,10%)
rgb(25,13,38)
cmyk(33,67,0,85)
hsl(270,50%,20%)
rgb(51,25,77)
cmyk(33,67,0,70)
hsl(270,50%,30%)
rgb(76,38,115)
cmyk(33,67,0,55)
hsl(270,50%,40%)
rgb(102,51,153)
cmyk(33,67,0,40)
hsl(270,50%,50%)
rgb(127,64,191)
cmyk(33,67,0,25)
hsl(270,50%,60%)
rgb(153,102,204)
cmyk(25,50,0,20)
hsl(270,50%,70%)
rgb(178,140,217)
cmyk(18,35,0,15)

RebeccaPurple Color Saturation Range

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

hsl(270,10%,40%)
rgb(102,92,112)
cmyk(9,18,0,56)
hsl(270,20%,40%)
rgb(102,82,122)
cmyk(17,33,0,52)
hsl(270,30%,40%)
rgb(102,71,133)
cmyk(23,46,0,48)
hsl(270,40%,40%)
rgb(102,61,143)
cmyk(29,57,0,44)
hsl(270,50%,40%)
rgb(102,51,153)
cmyk(33,67,0,40)
hsl(270,60%,40%)
rgb(102,41,163)
cmyk(38,75,0,36)
hsl(270,70%,40%)
rgb(102,31,173)
cmyk(41,82,0,32)
hsl(270,80%,40%)
rgb(102,20,184)
cmyk(44,89,0,28)

RebeccaPurple 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(230,50%,40%)
rgb(51,68,153)
cmyk(67,56,0,40)
hsl(240,50%,40%)
rgb(51,51,153)
cmyk(67,67,0,40)
hsl(250,50%,40%)
rgb(68,51,153)
cmyk(56,67,0,40)
hsl(260,50%,40%)
rgb(85,51,153)
cmyk(44,67,0,40)
hsl(270,50%,40%)
rgb(102,51,153)
cmyk(33,67,0,40)
hsl(280,50%,40%)
rgb(119,51,153)
cmyk(22,67,0,40)
hsl(290,50%,40%)
rgb(136,51,153)
cmyk(11,67,0,40)
hsl(300,50%,40%)
rgb(153,51,153)
cmyk(0,67,0,40)

RebeccaPurple Color Shades in RGB model range

Color shades in Red range

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

hsl(221,97%,30%)
rgb(2,51,153)
cmyk(99,67,0,40)
hsl(229,70%,35%)
rgb(27,51,153)
cmyk(82,67,0,40)
hsl(241,50%,40%)
rgb(52,51,153)
cmyk(66,67,0,40)
hsl(255,50%,40%)
rgb(77,51,153)
cmyk(50,67,0,40)
hsl(270,50%,40%)
rgb(102,51,153)
cmyk(33,67,0,40)
hsl(285,50%,40%)
rgb(127,51,153)
cmyk(17,67,0,40)
hsl(299,50%,40%)
rgb(152,51,153)
cmyk(1,67,0,40)
hsl(311,55%,45%)
rgb(177,51,153)
cmyk(0,71,14,31)

Color shades in Green range

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

hsl(280,100%,30%)
rgb(102,0,153)
cmyk(33,100,0,40)
hsl(276,72%,35%)
rgb(102,25,153)
cmyk(33,84,0,40)
hsl(270,51%,40%)
rgb(102,50,153)
cmyk(33,67,0,40)
hsl(261,34%,45%)
rgb(102,75,153)
cmyk(33,51,0,40)
hsl(242,21%,50%)
rgb(102,100,153)
cmyk(33,35,0,40)
hsl(213,20%,50%)
rgb(102,125,153)
cmyk(33,18,0,40)
hsl(184,20%,50%)
rgb(102,150,153)
cmyk(33,2,0,40)
hsl(162,31%,54%)
rgb(102,175,153)
cmyk(42,0,13,31)

Color shades in Blue range

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

hsl(358,33%,30%)
rgb(102,51,53)
cmyk(0,50,48,60)
hsl(328,33%,30%)
rgb(102,51,78)
cmyk(0,50,24,60)
hsl(299,34%,30%)
rgb(102,51,103)
cmyk(1,50,0,60)
hsl(280,43%,35%)
rgb(102,51,128)
cmyk(20,60,0,50)
hsl(270,50%,40%)
rgb(102,51,153)
cmyk(33,67,0,40)
hsl(264,55%,45%)
rgb(102,51,178)
cmyk(43,71,0,30)
hsl(260,60%,50%)
rgb(102,51,203)
cmyk(50,75,0,20)
hsl(257,77%,55%)
rgb(102,51,228)
cmyk(55,78,0,11)

RebeccaPurple Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,50%,40%)
rgb(153,50,153)
cmyk(0,67,0,40)
hsl(291,50%,40%)
rgb(138,50,153)
cmyk(10,67,0,40)
hsl(282,50%,40%)
rgb(122,50,153)
cmyk(20,67,0,40)
hsl(273,50%,40%)
rgb(107,50,153)
cmyk(30,67,0,40)
hsl(264,50%,40%)
rgb(92,50,153)
cmyk(40,67,0,40)
hsl(255,50%,40%)
rgb(77,50,153)
cmyk(50,67,0,40)
hsl(246,50%,40%)
rgb(61,50,153)
cmyk(60,67,0,40)
hsl(237,54%,39%)
rgb(46,50,153)
cmyk(70,67,0,40)

Color shades in Magenta range

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

hsl(229,20%,50%)
rgb(103,112,153)
cmyk(33,27,0,40)
hsl(246,23%,49%)
rgb(103,96,153)
cmyk(33,37,0,40)
hsl(258,31%,46%)
rgb(103,81,153)
cmyk(33,47,0,40)
hsl(265,40%,43%)
rgb(103,66,153)
cmyk(33,57,0,40)
hsl(270,50%,40%)
rgb(103,50,153)
cmyk(33,67,0,40)
hsl(274,63%,37%)
rgb(103,35,153)
cmyk(33,77,0,40)
hsl(277,77%,34%)
rgb(103,20,153)
cmyk(33,87,0,40)
hsl(280,94%,31%)
rgb(103,5,153)
cmyk(33,97,0,40)

Color shades in Yellow range

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

hsl(270,50%,40%)
rgb(103,50,153)
cmyk(33,67,0,40)
hsl(276,46%,37%)
rgb(103,50,138)
cmyk(26,63,0,46)
hsl(283,42%,34%)
rgb(103,50,122)
cmyk(16,59,0,52)
hsl(295,36%,31%)
rgb(103,50,107)
cmyk(4,53,0,58)
hsl(312,34%,30%)
rgb(103,50,92)
cmyk(0,51,10,60)
hsl(330,34%,30%)
rgb(103,50,77)
cmyk(0,51,25,60)
hsl(348,34%,30%)
rgb(103,50,61)
cmyk(0,51,40,60)
hsl(5,38%,29%)
rgb(103,50,46)
cmyk(0,51,55,60)

Color shades in Black range

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

hsl(270,100%,67%)
rgb(171,84,255)
cmyk(33,67,0,0)
hsl(270,75%,60%)
rgb(154,76,230)
cmyk(33,67,0,10)
hsl(270,57%,53%)
rgb(137,67,204)
cmyk(33,67,0,20)
hsl(270,50%,47%)
rgb(120,59,179)
cmyk(33,67,0,30)
hsl(270,50%,40%)
rgb(103,50,153)
cmyk(33,67,0,40)
hsl(270,50%,33%)
rgb(85,42,128)
cmyk(33,67,0,50)
hsl(270,50%,27%)
rgb(68,34,102)
cmyk(33,67,0,60)
hsl(270,50%,20%)
rgb(51,25,77)
cmyk(33,67,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(102,51,153) usage in CSS

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


Color #663399 usage in CSS

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


Color hsl(270,50%,40%) usage in CSS

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