rgb(247,119,55) / #F77737

rgb(247,119,55)

hsl(20,92%,59%)

cmyk(0,52,78,3)


Color Shades in HSL model

Color Lightness Range

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

hsl(20,92%,19%)
rgb(93,34,4)
cmyk(0,64,96,64)
hsl(20,92%,29%)
rgb(142,51,6)
cmyk(0,64,96,44)
hsl(20,92%,39%)
rgb(191,69,8)
cmyk(0,64,96,25)
hsl(20,92%,49%)
rgb(240,87,10)
cmyk(0,64,96,6)
hsl(20,92%,59%)
rgb(247,118,54)
cmyk(0,52,78,3)
hsl(20,92%,69%)
rgb(249,152,103)
cmyk(0,39,58,2)
hsl(20,92%,79%)
rgb(251,185,152)
cmyk(0,26,39,2)
hsl(20,92%,89%)
rgb(253,218,201)
cmyk(0,14,20,1)

Color Saturation Range

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

hsl(20,30%,59%)
rgb(182,140,119)
cmyk(0,23,35,29)
hsl(20,40%,59%)
rgb(192,137,109)
cmyk(0,29,44,25)
hsl(20,50%,59%)
rgb(203,133,98)
cmyk(0,34,52,21)
hsl(20,60%,59%)
rgb(213,130,88)
cmyk(0,39,59,16)
hsl(20,70%,59%)
rgb(224,126,77)
cmyk(0,44,65,12)
hsl(20,80%,59%)
rgb(234,123,67)
cmyk(0,48,71,8)
hsl(20,90%,59%)
rgb(245,119,56)
cmyk(0,51,77,4)
hsl(20,100%,59%)
rgb(255,116,46)
cmyk(0,55,82,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,92%,59%)
rgb(247,54,54)
cmyk(0,78,78,3)
hsl(10,92%,59%)
rgb(247,86,54)
cmyk(0,65,78,3)
hsl(20,92%,59%)
rgb(247,118,54)
cmyk(0,52,78,3)
hsl(30,92%,59%)
rgb(247,150,54)
cmyk(0,39,78,3)
hsl(40,92%,59%)
rgb(247,183,54)
cmyk(0,26,78,3)
hsl(50,92%,59%)
rgb(247,215,54)
cmyk(0,13,78,3)
hsl(60,92%,59%)
rgb(247,247,54)
cmyk(0,0,78,3)
hsl(70,92%,59%)
rgb(215,247,54)
cmyk(13,0,78,3)

Color Shades in RGB model range

Color shades in Red range

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

hsl(97,37%,34%)
rgb(80,119,55)
cmyk(33,0,54,53)
hsl(73,37%,34%)
rgb(105,119,55)
cmyk(12,0,54,53)
hsl(51,41%,36%)
rgb(130,119,55)
cmyk(0,8,58,49)
hsl(38,48%,41%)
rgb(155,119,55)
cmyk(0,23,65,39)
hsl(31,53%,46%)
rgb(180,119,55)
cmyk(0,34,69,29)
hsl(26,60%,51%)
rgb(205,119,55)
cmyk(0,42,73,20)
hsl(22,78%,56%)
rgb(230,119,55)
cmyk(0,48,76,10)
hsl(19,100%,61%)
rgb(255,119,55)
cmyk(0,53,78,0)

Color shades in Green range

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

hsl(351,93%,52%)
rgb(247,19,55)
cmyk(0,92,78,3)
hsl(357,93%,57%)
rgb(247,44,55)
cmyk(0,82,78,3)
hsl(4,92%,59%)
rgb(247,69,55)
cmyk(0,72,78,3)
hsl(12,92%,59%)
rgb(247,94,55)
cmyk(0,62,78,3)
hsl(20,92%,59%)
rgb(247,119,55)
cmyk(0,52,78,3)
hsl(28,92%,59%)
rgb(247,144,55)
cmyk(0,42,78,3)
hsl(36,92%,59%)
rgb(247,169,55)
cmyk(0,32,78,3)
hsl(43,92%,59%)
rgb(247,194,55)
cmyk(0,21,78,3)

Color shades in Blue range

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

hsl(29,100%,48%)
rgb(247,119,0)
cmyk(0,52,100,3)
hsl(25,93%,53%)
rgb(247,119,25)
cmyk(0,52,90,3)
hsl(21,92%,58%)
rgb(247,119,50)
cmyk(0,52,80,3)
hsl(15,91%,63%)
rgb(247,119,75)
cmyk(0,52,70,3)
hsl(8,90%,68%)
rgb(247,119,100)
cmyk(0,52,60,3)
hsl(357,89%,72%)
rgb(247,119,125)
cmyk(0,52,49,3)
hsl(345,89%,72%)
rgb(247,119,150)
cmyk(0,52,39,3)
hsl(334,89%,72%)
rgb(247,119,175)
cmyk(0,52,29,3)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(20,93%,59%)
rgb(247,119,54)
cmyk(0,52,78,3)
hsl(23,72%,54%)
rgb(223,119,54)
cmyk(0,47,76,13)
hsl(27,57%,49%)
rgb(198,119,54)
cmyk(0,40,73,22)
hsl(33,52%,45%)
rgb(173,119,54)
cmyk(0,31,69,32)
hsl(41,46%,40%)
rgb(148,119,54)
cmyk(0,20,63,42)
hsl(56,39%,35%)
rgb(124,119,54)
cmyk(0,4,56,52)
hsl(78,37%,34%)
rgb(99,119,54)
cmyk(17,0,54,53)
hsl(102,37%,34%)
rgb(74,119,54)
cmyk(37,0,54,53)

Color shades in Magenta range

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

hsl(51,93%,59%)
rgb(247,218,54)
cmyk(0,12,78,3)
hsl(43,93%,59%)
rgb(247,193,54)
cmyk(0,22,78,3)
hsl(35,93%,59%)
rgb(247,168,54)
cmyk(0,32,78,3)
hsl(28,93%,59%)
rgb(247,143,54)
cmyk(0,42,78,3)
hsl(20,93%,59%)
rgb(247,119,54)
cmyk(0,52,78,3)
hsl(12,93%,59%)
rgb(247,94,54)
cmyk(0,62,78,3)
hsl(5,93%,59%)
rgb(247,69,54)
cmyk(0,72,78,3)
hsl(357,93%,57%)
rgb(247,45,54)
cmyk(0,82,78,3)

Color shades in Yellow range

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

hsl(335,89%,72%)
rgb(247,119,173)
cmyk(0,52,30,3)
hsl(346,89%,72%)
rgb(247,119,148)
cmyk(0,52,40,3)
hsl(358,89%,72%)
rgb(247,119,124)
cmyk(0,52,50,3)
hsl(8,91%,68%)
rgb(247,119,99)
cmyk(0,52,60,3)
hsl(15,92%,63%)
rgb(247,119,74)
cmyk(0,52,70,3)
hsl(21,93%,58%)
rgb(247,119,49)
cmyk(0,52,80,3)
hsl(25,94%,53%)
rgb(247,119,25)
cmyk(0,52,90,3)
hsl(29,100%,49%)
rgb(247,119,0)
cmyk(0,52,100,3)

Color shades in Black range

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

hsl(20,64%,43%)
rgb(179,86,39)
cmyk(0,52,78,30)
hsl(20,64%,37%)
rgb(153,73,34)
cmyk(0,52,78,40)
hsl(20,64%,31%)
rgb(128,61,28)
cmyk(0,52,78,50)
hsl(20,64%,24%)
rgb(102,49,22)
cmyk(0,52,78,60)
hsl(20,64%,18%)
rgb(77,37,17)
cmyk(0,52,78,70)
hsl(20,64%,12%)
rgb(51,24,11)
cmyk(0,52,78,80)
hsl(20,64%,6%)
rgb(25,12,6)
cmyk(0,52,78,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(247,119,55) usage in CSS

.bg-rgb-color { background-color: rgb(247,119,55); }
.text-rgb-color { color: rgb(247,119,55); }
.border-rgb-color { border: 1px solid rgb(247,119,55); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(247,119,55); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(247,119,55); }


Color #F77737 usage in CSS

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


Color hsl(20,92%,59%) usage in CSS

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