HotPink rgb(255,105,180) / #FF69B4

HotPink

rgb(255,105,180)

hsl(330,100%,71%)

cmyk(0,59,29,0)


HotPink Color Shades in HSL model

HotPink Color Lightness Range

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

hsl(330,100%,30%)
rgb(153,0,77)
cmyk(0,100,50,40)
hsl(330,100%,40%)
rgb(204,0,102)
cmyk(0,100,50,20)
hsl(330,100%,50%)
rgb(255,0,128)
cmyk(0,100,50,0)
hsl(330,100%,60%)
rgb(255,51,153)
cmyk(0,80,40,0)
hsl(330,100%,70%)
rgb(255,102,179)
cmyk(0,60,30,0)
hsl(330,100%,80%)
rgb(255,153,204)
cmyk(0,40,20,0)
hsl(330,100%,90%)
rgb(255,204,230)
cmyk(0,20,10,0)
hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)

HotPink Color Saturation Range

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

hsl(330,30%,71%)
rgb(203,159,181)
cmyk(0,22,11,20)
hsl(330,40%,71%)
rgb(211,151,181)
cmyk(0,28,14,17)
hsl(330,50%,71%)
rgb(218,144,181)
cmyk(0,34,17,15)
hsl(330,60%,71%)
rgb(225,137,181)
cmyk(0,39,20,12)
hsl(330,70%,71%)
rgb(233,129,181)
cmyk(0,44,22,9)
hsl(330,80%,71%)
rgb(240,122,181)
cmyk(0,49,25,6)
hsl(330,90%,71%)
rgb(248,114,181)
cmyk(0,54,27,3)
hsl(330,100%,71%)
rgb(255,107,181)
cmyk(0,58,29,0)

HotPink 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(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)
hsl(0,100%,71%)
rgb(255,107,107)
cmyk(0,58,58,0)

HotPink Color Shades in RGB model range

Color shades in Red range

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

hsl(225,40%,51%)
rgb(80,105,180)
cmyk(56,42,0,29)
hsl(240,33%,56%)
rgb(105,105,180)
cmyk(42,42,0,29)
hsl(260,33%,56%)
rgb(130,105,180)
cmyk(28,42,0,29)
hsl(280,33%,56%)
rgb(155,105,180)
cmyk(14,42,0,29)
hsl(300,33%,56%)
rgb(180,105,180)
cmyk(0,42,0,29)
hsl(315,50%,61%)
rgb(205,105,180)
cmyk(0,49,12,20)
hsl(324,71%,66%)
rgb(230,105,180)
cmyk(0,54,22,10)
hsl(330,100%,71%)
rgb(255,105,180)
cmyk(0,59,29,0)

Color shades in Green range

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

hsl(318,100%,51%)
rgb(255,5,180)
cmyk(0,98,29,0)
hsl(320,100%,56%)
rgb(255,30,180)
cmyk(0,88,29,0)
hsl(323,100%,61%)
rgb(255,55,180)
cmyk(0,78,29,0)
hsl(326,100%,66%)
rgb(255,80,180)
cmyk(0,69,29,0)
hsl(330,100%,71%)
rgb(255,105,180)
cmyk(0,59,29,0)
hsl(336,100%,75%)
rgb(255,130,180)
cmyk(0,49,29,0)
hsl(345,100%,80%)
rgb(255,155,180)
cmyk(0,39,29,0)
hsl(0,100%,85%)
rgb(255,180,180)
cmyk(0,29,29,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)

HotPink Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(329,100%,71%)
rgb(255,105,181)
cmyk(0,59,29,0)
hsl(323,71%,66%)
rgb(230,105,181)
cmyk(0,54,21,10)
hsl(314,49%,61%)
rgb(204,105,181)
cmyk(0,49,11,20)
hsl(298,34%,56%)
rgb(179,105,181)
cmyk(1,42,0,29)
hsl(278,34%,56%)
rgb(153,105,181)
cmyk(15,42,0,29)
hsl(258,34%,56%)
rgb(128,105,181)
cmyk(30,42,0,29)
hsl(238,35%,55%)
rgb(102,105,181)
cmyk(44,42,0,29)
hsl(224,41%,51%)
rgb(77,105,181)
cmyk(58,42,0,29)

Color shades in Magenta range

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

hsl(21,100%,86%)
rgb(255,207,181)
cmyk(0,19,29,0)
hsl(0,100%,86%)
rgb(255,181,181)
cmyk(0,29,29,0)
hsl(345,100%,81%)
rgb(255,156,181)
cmyk(0,39,29,0)
hsl(336,100%,76%)
rgb(255,130,181)
cmyk(0,49,29,0)
hsl(329,100%,71%)
rgb(255,105,181)
cmyk(0,59,29,0)
hsl(325,100%,66%)
rgb(255,79,181)
cmyk(0,69,29,0)
hsl(322,100%,61%)
rgb(255,54,181)
cmyk(0,79,29,0)
hsl(320,100%,55%)
rgb(255,28,181)
cmyk(0,89,29,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(329,100%,71%)
rgb(255,105,181)
cmyk(0,59,29,0)
hsl(329,73%,63%)
rgb(230,94,163)
cmyk(0,59,29,10)
hsl(329,54%,56%)
rgb(204,84,145)
cmyk(0,59,29,20)
hsl(329,42%,49%)
rgb(179,73,127)
cmyk(0,59,29,30)
hsl(329,42%,42%)
rgb(153,63,109)
cmyk(0,59,29,40)
hsl(329,42%,35%)
rgb(128,52,91)
cmyk(0,59,29,50)
hsl(329,42%,28%)
rgb(102,42,72)
cmyk(0,59,29,60)
hsl(329,42%,21%)
rgb(77,31,54)
cmyk(0,59,29,70)

Color HTML/CSS(CSS3) Example

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

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


Color #FF69B4 usage in CSS

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


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

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