rgb(225,48,108) / #E1306C

rgb(225,48,108)

hsl(340,75%,54%)

cmyk(0,79,52,12)


Color Shades in HSL model

Color Lightness Range

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

hsl(340,75%,14%)
rgb(62,9,27)
cmyk(0,86,57,76)
hsl(340,75%,24%)
rgb(107,15,46)
cmyk(0,86,57,58)
hsl(340,75%,34%)
rgb(152,22,65)
cmyk(0,86,57,40)
hsl(340,75%,44%)
rgb(196,28,84)
cmyk(0,86,57,23)
hsl(340,75%,54%)
rgb(226,50,108)
cmyk(0,78,52,12)
hsl(340,75%,64%)
rgb(232,94,140)
cmyk(0,59,40,9)
hsl(340,75%,74%)
rgb(238,139,172)
cmyk(0,42,28,6)
hsl(340,75%,84%)
rgb(245,184,204)
cmyk(0,25,17,4)

Color Saturation Range

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

hsl(340,30%,54%)
rgb(173,103,126)
cmyk(0,41,27,32)
hsl(340,40%,54%)
rgb(185,91,122)
cmyk(0,51,34,28)
hsl(340,50%,54%)
rgb(196,79,118)
cmyk(0,60,40,23)
hsl(340,60%,54%)
rgb(208,67,114)
cmyk(0,68,45,18)
hsl(340,70%,54%)
rgb(220,56,110)
cmyk(0,75,50,14)
hsl(340,80%,54%)
rgb(232,44,106)
cmyk(0,81,54,9)
hsl(340,90%,54%)
rgb(243,32,103)
cmyk(0,87,58,5)
hsl(340,100%,54%)
rgb(255,20,99)
cmyk(0,92,61,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(290,75%,54%)
rgb(196,50,226)
cmyk(13,78,0,12)
hsl(300,75%,54%)
rgb(226,50,226)
cmyk(0,78,0,12)
hsl(310,75%,54%)
rgb(226,50,196)
cmyk(0,78,13,12)
hsl(320,75%,54%)
rgb(226,50,167)
cmyk(0,78,26,12)
hsl(330,75%,54%)
rgb(226,50,138)
cmyk(0,78,39,12)
hsl(340,75%,54%)
rgb(226,50,108)
cmyk(0,78,52,12)
hsl(350,75%,54%)
rgb(226,50,79)
cmyk(0,78,65,12)
hsl(0,75%,54%)
rgb(226,50,50)
cmyk(0,78,78,12)

Color Shades in RGB model range

Color shades in Red range

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

hsl(272,38%,31%)
rgb(80,48,108)
cmyk(26,56,0,58)
hsl(297,38%,31%)
rgb(105,48,108)
cmyk(3,56,0,58)
hsl(316,46%,35%)
rgb(130,48,108)
cmyk(0,63,17,49)
hsl(326,53%,40%)
rgb(155,48,108)
cmyk(0,69,30,39)
hsl(333,58%,45%)
rgb(180,48,108)
cmyk(0,73,40,29)
hsl(337,62%,50%)
rgb(205,48,108)
cmyk(0,77,47,20)
hsl(340,78%,55%)
rgb(230,48,108)
cmyk(0,79,53,10)
hsl(343,100%,59%)
rgb(255,48,108)
cmyk(0,81,58,0)

Color shades in Green range

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

hsl(331,100%,44%)
rgb(225,0,108)
cmyk(0,100,52,12)
hsl(335,80%,49%)
rgb(225,25,108)
cmyk(0,89,52,12)
hsl(340,74%,54%)
rgb(225,50,108)
cmyk(0,78,52,12)
hsl(347,71%,59%)
rgb(225,75,108)
cmyk(0,67,52,12)
hsl(356,68%,64%)
rgb(225,100,108)
cmyk(0,56,52,12)
hsl(9,66%,65%)
rgb(225,125,108)
cmyk(0,44,52,12)
hsl(22,66%,65%)
rgb(225,150,108)
cmyk(0,33,52,12)
hsl(34,66%,65%)
rgb(225,175,108)
cmyk(0,22,52,12)

Color shades in Blue range

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

hsl(11,93%,46%)
rgb(225,48,8)
cmyk(0,79,96,12)
hsl(5,76%,51%)
rgb(225,48,33)
cmyk(0,79,85,12)
hsl(357,75%,54%)
rgb(225,48,58)
cmyk(0,79,74,12)
hsl(348,75%,54%)
rgb(225,48,83)
cmyk(0,79,63,12)
hsl(340,75%,54%)
rgb(225,48,108)
cmyk(0,79,52,12)
hsl(331,75%,54%)
rgb(225,48,133)
cmyk(0,79,41,12)
hsl(323,75%,54%)
rgb(225,48,158)
cmyk(0,79,30,12)
hsl(314,75%,54%)
rgb(225,48,183)
cmyk(0,79,19,12)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(339,74%,53%)
rgb(224,47,108)
cmyk(0,79,52,12)
hsl(337,62%,49%)
rgb(202,47,108)
cmyk(0,77,47,21)
hsl(333,58%,44%)
rgb(180,47,108)
cmyk(0,74,40,30)
hsl(327,54%,40%)
rgb(157,47,108)
cmyk(0,70,31,38)
hsl(318,48%,36%)
rgb(135,47,108)
cmyk(0,65,20,47)
hsl(304,41%,31%)
rgb(112,47,108)
cmyk(0,58,4,56)
hsl(282,39%,30%)
rgb(90,47,108)
cmyk(17,56,0,58)
hsl(260,39%,30%)
rgb(67,47,108)
cmyk(37,56,0,58)

Color shades in Magenta range

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

hsl(25,66%,65%)
rgb(224,157,108)
cmyk(0,30,52,12)
hsl(14,66%,65%)
rgb(224,135,108)
cmyk(0,40,52,12)
hsl(2,66%,65%)
rgb(224,112,108)
cmyk(0,50,52,12)
hsl(352,69%,62%)
rgb(224,90,108)
cmyk(0,60,52,12)
hsl(345,72%,57%)
rgb(224,67,108)
cmyk(0,70,52,12)
hsl(339,75%,53%)
rgb(224,45,108)
cmyk(0,80,52,12)
hsl(335,82%,48%)
rgb(224,22,108)
cmyk(0,90,52,12)
hsl(331,100%,44%)
rgb(224,0,108)
cmyk(0,100,52,12)

Color shades in Yellow range

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

hsl(309,74%,53%)
rgb(224,47,197)
cmyk(0,79,12,12)
hsl(317,74%,53%)
rgb(224,47,175)
cmyk(0,79,22,12)
hsl(324,74%,53%)
rgb(224,47,153)
cmyk(0,79,32,12)
hsl(332,74%,53%)
rgb(224,47,130)
cmyk(0,79,42,12)
hsl(339,74%,53%)
rgb(224,47,108)
cmyk(0,79,52,12)
hsl(347,74%,53%)
rgb(224,47,85)
cmyk(0,79,62,12)
hsl(355,74%,53%)
rgb(224,47,63)
cmyk(0,79,72,12)
hsl(2,75%,52%)
rgb(224,47,40)
cmyk(0,79,82,12)

Color shades in Black range

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

hsl(339,74%,53%)
rgb(224,47,108)
cmyk(0,79,52,12)
hsl(339,65%,47%)
rgb(199,42,95)
cmyk(0,79,52,22)
hsl(339,65%,41%)
rgb(173,36,83)
cmyk(0,79,52,32)
hsl(339,65%,35%)
rgb(148,31,71)
cmyk(0,79,52,42)
hsl(339,65%,29%)
rgb(122,26,59)
cmyk(0,79,52,52)
hsl(339,65%,23%)
rgb(97,20,47)
cmyk(0,79,52,62)
hsl(339,65%,17%)
rgb(71,15,34)
cmyk(0,79,52,72)
hsl(339,65%,11%)
rgb(46,10,22)
cmyk(0,79,52,82)

Color HTML/CSS(CSS3) Example

Color rgb(225,48,108) usage in CSS

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


Color #E1306C usage in CSS

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


Color hsl(340,75%,54%) usage in CSS

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