rgb(255,105,204) / #FF69CC

rgb(255,105,204)

hsl(320,100%,71%)

cmyk(0,59,20,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(320,100%,30%)
rgb(153,0,102)
cmyk(0,100,33,40)
hsl(320,100%,40%)
rgb(204,0,136)
cmyk(0,100,33,20)
hsl(320,100%,50%)
rgb(255,0,170)
cmyk(0,100,33,0)
hsl(320,100%,60%)
rgb(255,51,187)
cmyk(0,80,27,0)
hsl(320,100%,70%)
rgb(255,102,204)
cmyk(0,60,20,0)
hsl(320,100%,80%)
rgb(255,153,221)
cmyk(0,40,13,0)
hsl(320,100%,90%)
rgb(255,204,238)
cmyk(0,20,7,0)
hsl(0,0%,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(320,30%,71%)
rgb(203,159,188)
cmyk(0,22,7,20)
hsl(320,40%,71%)
rgb(211,151,191)
cmyk(0,28,9,17)
hsl(320,50%,71%)
rgb(218,144,193)
cmyk(0,34,11,15)
hsl(320,60%,71%)
rgb(225,137,196)
cmyk(0,39,13,12)
hsl(320,70%,71%)
rgb(233,129,198)
cmyk(0,44,15,9)
hsl(320,80%,71%)
rgb(240,122,201)
cmyk(0,49,16,6)
hsl(320,90%,71%)
rgb(248,114,203)
cmyk(0,54,18,3)
hsl(320,100%,71%)
rgb(255,107,206)
cmyk(0,58,19,0)

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(280,100%,71%)
rgb(206,107,255)
cmyk(19,58,0,0)
hsl(290,100%,71%)
rgb(230,107,255)
cmyk(10,58,0,0)
hsl(300,100%,71%)
rgb(255,107,255)
cmyk(0,58,0,0)
hsl(310,100%,71%)
rgb(255,107,230)
cmyk(0,58,10,0)
hsl(320,100%,71%)
rgb(255,107,206)
cmyk(0,58,19,0)
hsl(330,100%,71%)
rgb(255,107,181)
cmyk(0,58,29,0)
hsl(340,100%,71%)
rgb(255,107,156)
cmyk(0,58,39,0)
hsl(350,100%,71%)
rgb(255,107,132)
cmyk(0,58,48,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(228,55%,56%)
rgb(80,105,204)
cmyk(61,49,0,20)
hsl(240,49%,61%)
rgb(105,105,204)
cmyk(49,49,0,20)
hsl(255,49%,61%)
rgb(130,105,204)
cmyk(36,49,0,20)
hsl(270,49%,61%)
rgb(155,105,204)
cmyk(24,49,0,20)
hsl(285,49%,61%)
rgb(180,105,204)
cmyk(12,49,0,20)
hsl(301,50%,61%)
rgb(205,105,204)
cmyk(0,49,0,20)
hsl(312,71%,66%)
rgb(230,105,204)
cmyk(0,54,11,10)
hsl(320,100%,71%)
rgb(255,105,204)
cmyk(0,59,20,0)

Color shades in Green range

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

hsl(312,100%,51%)
rgb(255,5,204)
cmyk(0,98,20,0)
hsl(314,100%,56%)
rgb(255,30,204)
cmyk(0,88,20,0)
hsl(315,100%,61%)
rgb(255,55,204)
cmyk(0,78,20,0)
hsl(317,100%,66%)
rgb(255,80,204)
cmyk(0,69,20,0)
hsl(320,100%,71%)
rgb(255,105,204)
cmyk(0,59,20,0)
hsl(324,100%,75%)
rgb(255,130,204)
cmyk(0,49,20,0)
hsl(331,100%,80%)
rgb(255,155,204)
cmyk(0,39,20,0)
hsl(341,100%,85%)
rgb(255,180,204)
cmyk(0,29,20,0)

Color shades in Blue range

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

hsl(9,100%,66%)
rgb(255,105,80)
cmyk(0,59,69,0)
hsl(0,100%,71%)
rgb(255,105,105)
cmyk(0,59,59,0)
hsl(350,100%,71%)
rgb(255,105,130)
cmyk(0,59,49,0)
hsl(340,100%,71%)
rgb(255,105,155)
cmyk(0,59,39,0)
hsl(330,100%,71%)
rgb(255,105,180)
cmyk(0,59,29,0)
hsl(320,100%,71%)
rgb(255,105,205)
cmyk(0,59,20,0)
hsl(310,100%,71%)
rgb(255,105,230)
cmyk(0,59,10,0)
hsl(300,100%,71%)
rgb(255,105,255)
cmyk(0,59,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(320,100%,71%)
rgb(255,105,204)
cmyk(0,59,20,0)
hsl(312,71%,66%)
rgb(230,105,204)
cmyk(0,54,11,10)
hsl(300,49%,61%)
rgb(204,105,204)
cmyk(0,49,0,20)
hsl(285,49%,61%)
rgb(179,105,204)
cmyk(13,49,0,20)
hsl(269,49%,61%)
rgb(153,105,204)
cmyk(25,49,0,20)
hsl(254,49%,61%)
rgb(128,105,204)
cmyk(38,49,0,20)
hsl(239,50%,60%)
rgb(102,105,204)
cmyk(50,49,0,20)
hsl(227,56%,55%)
rgb(77,105,204)
cmyk(63,49,0,20)

Color shades in Magenta range

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

hsl(3,100%,90%)
rgb(255,207,204)
cmyk(0,19,20,0)
hsl(341,100%,86%)
rgb(255,181,204)
cmyk(0,29,20,0)
hsl(331,100%,81%)
rgb(255,156,204)
cmyk(0,39,20,0)
hsl(324,100%,76%)
rgb(255,130,204)
cmyk(0,49,20,0)
hsl(320,100%,71%)
rgb(255,105,204)
cmyk(0,59,20,0)
hsl(317,100%,66%)
rgb(255,79,204)
cmyk(0,69,20,0)
hsl(315,100%,61%)
rgb(255,54,204)
cmyk(0,79,20,0)
hsl(313,100%,55%)
rgb(255,28,204)
cmyk(0,89,20,0)

Color shades in Yellow range

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

hsl(300,100%,71%)
rgb(255,105,255)
cmyk(0,59,0,0)
hsl(310,100%,71%)
rgb(255,105,230)
cmyk(0,59,10,0)
hsl(320,100%,71%)
rgb(255,105,204)
cmyk(0,59,20,0)
hsl(331,100%,71%)
rgb(255,105,179)
cmyk(0,59,30,0)
hsl(341,100%,71%)
rgb(255,105,153)
cmyk(0,59,40,0)
hsl(351,100%,71%)
rgb(255,105,128)
cmyk(0,59,50,0)
hsl(1,100%,70%)
rgb(255,105,102)
cmyk(0,59,60,0)
hsl(9,100%,65%)
rgb(255,105,77)
cmyk(0,59,70,0)

Color shades in Black range

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

hsl(320,100%,71%)
rgb(255,105,204)
cmyk(0,59,20,0)
hsl(320,73%,63%)
rgb(230,94,184)
cmyk(0,59,20,10)
hsl(320,54%,56%)
rgb(204,84,163)
cmyk(0,59,20,20)
hsl(320,42%,49%)
rgb(179,73,143)
cmyk(0,59,20,30)
hsl(320,42%,42%)
rgb(153,63,122)
cmyk(0,59,20,40)
hsl(320,42%,35%)
rgb(128,52,102)
cmyk(0,59,20,50)
hsl(320,42%,28%)
rgb(102,42,82)
cmyk(0,59,20,60)
hsl(320,42%,21%)
rgb(77,31,61)
cmyk(0,59,20,70)

Color HTML/CSS(CSS3) Example

Color rgb(255,105,204) usage in CSS

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


Color #FF69CC usage in CSS

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


Color hsl(320,100%,71%) usage in CSS

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