rgb(245,96,64) / #F56040

rgb(245,96,64)

hsl(11,90%,61%)

cmyk(0,61,74,4)


Color Shades in HSL model

Color Lightness Range

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

hsl(11,90%,21%)
rgb(102,23,5)
cmyk(0,77,95,60)
hsl(11,90%,31%)
rgb(150,34,8)
cmyk(0,77,95,41)
hsl(11,90%,41%)
rgb(199,45,10)
cmyk(0,77,95,22)
hsl(11,90%,51%)
rgb(243,59,18)
cmyk(0,76,93,5)
hsl(11,90%,61%)
rgb(245,99,66)
cmyk(0,60,73,4)
hsl(11,90%,71%)
rgb(248,139,114)
cmyk(0,44,54,3)
hsl(11,90%,81%)
rgb(250,179,163)
cmyk(0,28,35,2)
hsl(11,90%,91%)
rgb(253,219,211)
cmyk(0,13,16,1)

Color Saturation Range

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

hsl(11,30%,61%)
rgb(185,137,126)
cmyk(0,26,32,27)
hsl(11,40%,61%)
rgb(195,130,116)
cmyk(0,33,41,23)
hsl(11,50%,61%)
rgb(205,124,106)
cmyk(0,40,48,20)
hsl(11,60%,61%)
rgb(215,118,96)
cmyk(0,45,55,16)
hsl(11,70%,61%)
rgb(225,111,86)
cmyk(0,50,62,12)
hsl(11,80%,61%)
rgb(235,105,76)
cmyk(0,55,68,8)
hsl(11,90%,61%)
rgb(245,99,66)
cmyk(0,60,73,4)
hsl(11,100%,61%)
rgb(255,93,56)
cmyk(0,64,78,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(0,90%,61%)
rgb(245,66,66)
cmyk(0,73,73,4)
hsl(10,90%,61%)
rgb(245,96,66)
cmyk(0,61,73,4)
hsl(20,90%,61%)
rgb(245,126,66)
cmyk(0,49,73,4)
hsl(30,90%,61%)
rgb(245,156,66)
cmyk(0,37,73,4)
hsl(40,90%,61%)
rgb(245,185,66)
cmyk(0,24,73,4)
hsl(50,90%,61%)
rgb(245,215,66)
cmyk(0,12,73,4)
hsl(60,90%,61%)
rgb(245,245,66)
cmyk(0,0,73,4)
hsl(70,90%,61%)
rgb(215,245,66)
cmyk(12,0,73,4)

Color Shades in RGB model range

Color shades in Red range

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

hsl(90,20%,31%)
rgb(80,96,64)
cmyk(17,0,33,62)
hsl(47,24%,33%)
rgb(105,96,64)
cmyk(0,9,39,59)
hsl(29,34%,38%)
rgb(130,96,64)
cmyk(0,26,51,49)
hsl(21,42%,43%)
rgb(155,96,64)
cmyk(0,38,59,39)
hsl(17,48%,48%)
rgb(180,96,64)
cmyk(0,47,64,29)
hsl(14,59%,53%)
rgb(205,96,64)
cmyk(0,53,69,20)
hsl(12,77%,58%)
rgb(230,96,64)
cmyk(0,58,72,10)
hsl(10,100%,63%)
rgb(255,96,64)
cmyk(0,62,75,0)

Color shades in Green range

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

hsl(344,100%,48%)
rgb(245,0,64)
cmyk(0,100,74,4)
hsl(349,92%,53%)
rgb(245,25,64)
cmyk(0,90,74,4)
hsl(356,91%,58%)
rgb(245,50,64)
cmyk(0,80,74,4)
hsl(4,90%,61%)
rgb(245,75,64)
cmyk(0,69,74,4)
hsl(12,90%,61%)
rgb(245,100,64)
cmyk(0,59,74,4)
hsl(20,90%,61%)
rgb(245,125,64)
cmyk(0,49,74,4)
hsl(29,90%,61%)
rgb(245,150,64)
cmyk(0,39,74,4)
hsl(37,90%,61%)
rgb(245,175,64)
cmyk(0,29,74,4)

Color shades in Blue range

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

hsl(24,100%,48%)
rgb(245,96,0)
cmyk(0,61,100,4)
hsl(19,92%,53%)
rgb(245,96,25)
cmyk(0,61,90,4)
hsl(14,91%,58%)
rgb(245,96,50)
cmyk(0,61,80,4)
hsl(7,89%,63%)
rgb(245,96,75)
cmyk(0,61,69,4)
hsl(358,88%,67%)
rgb(245,96,100)
cmyk(0,61,59,4)
hsl(348,88%,67%)
rgb(245,96,125)
cmyk(0,61,49,4)
hsl(338,88%,67%)
rgb(245,96,150)
cmyk(0,61,39,4)
hsl(328,88%,67%)
rgb(245,96,175)
cmyk(0,61,29,4)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(11,90%,60%)
rgb(245,95,64)
cmyk(0,61,74,4)
hsl(12,69%,56%)
rgb(220,95,64)
cmyk(0,57,71,14)
hsl(14,53%,51%)
rgb(196,95,64)
cmyk(0,51,68,23)
hsl(18,46%,46%)
rgb(171,95,64)
cmyk(0,44,63,33)
hsl(23,40%,41%)
rgb(147,95,64)
cmyk(0,35,57,42)
hsl(32,32%,36%)
rgb(122,95,64)
cmyk(0,22,48,52)
hsl(56,21%,32%)
rgb(98,95,64)
cmyk(0,3,35,62)
hsl(102,20%,31%)
rgb(73,95,64)
cmyk(23,0,33,63)

Color shades in Magenta range

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

hsl(43,90%,60%)
rgb(245,193,64)
cmyk(0,21,74,4)
hsl(35,90%,60%)
rgb(245,169,64)
cmyk(0,31,74,4)
hsl(27,90%,60%)
rgb(245,144,64)
cmyk(0,41,74,4)
hsl(19,90%,60%)
rgb(245,120,64)
cmyk(0,51,74,4)
hsl(11,90%,60%)
rgb(245,95,64)
cmyk(0,61,74,4)
hsl(2,90%,60%)
rgb(245,71,64)
cmyk(0,71,74,4)
hsl(355,91%,57%)
rgb(245,47,64)
cmyk(0,81,74,4)
hsl(349,92%,52%)
rgb(245,22,64)
cmyk(0,91,74,4)

Color shades in Yellow range

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

hsl(330,88%,67%)
rgb(245,95,171)
cmyk(0,61,30,4)
hsl(339,88%,67%)
rgb(245,95,147)
cmyk(0,61,40,4)
hsl(349,88%,67%)
rgb(245,95,122)
cmyk(0,61,50,4)
hsl(359,88%,67%)
rgb(245,95,98)
cmyk(0,61,60,4)
hsl(8,89%,62%)
rgb(245,95,73)
cmyk(0,61,70,4)
hsl(14,91%,58%)
rgb(245,95,49)
cmyk(0,61,80,4)
hsl(19,92%,53%)
rgb(245,95,24)
cmyk(0,61,90,4)
hsl(23,100%,48%)
rgb(245,95,0)
cmyk(0,61,100,4)

Color shades in Black range

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

hsl(11,59%,44%)
rgb(179,70,46)
cmyk(0,61,74,30)
hsl(11,59%,38%)
rgb(153,60,40)
cmyk(0,61,74,40)
hsl(11,59%,32%)
rgb(128,50,33)
cmyk(0,61,74,50)
hsl(11,59%,25%)
rgb(102,40,27)
cmyk(0,61,74,60)
hsl(11,59%,19%)
rgb(77,30,20)
cmyk(0,61,74,70)
hsl(11,59%,13%)
rgb(51,20,13)
cmyk(0,61,74,80)
hsl(11,59%,6%)
rgb(25,10,7)
cmyk(0,61,74,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(245,96,64) usage in CSS

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


Color #F56040 usage in CSS

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


Color hsl(11,90%,61%) usage in CSS

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