Coral rgb(255,127,80) / #FF7F50

Coral

rgb(255,127,80)

hsl(16,100%,66%)

cmyk(0,50,69,0)


Coral Color Shades in HSL model

Coral Color Lightness Range

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

hsl(16,100%,26%)
rgb(133,35,0)
cmyk(0,73,100,48)
hsl(16,100%,36%)
rgb(184,49,0)
cmyk(0,73,100,28)
hsl(16,100%,46%)
rgb(235,63,0)
cmyk(0,73,100,8)
hsl(16,100%,56%)
rgb(255,90,31)
cmyk(0,65,88,0)
hsl(16,100%,66%)
rgb(255,128,82)
cmyk(0,50,68,0)
hsl(16,100%,76%)
rgb(255,165,133)
cmyk(0,35,48,0)
hsl(16,100%,86%)
rgb(255,203,184)
cmyk(0,21,28,0)
hsl(16,100%,96%)
rgb(255,240,235)
cmyk(0,6,8,0)

Coral Color Saturation Range

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

hsl(16,30%,66%)
rgb(194,156,142)
cmyk(0,20,27,24)
hsl(16,40%,66%)
rgb(203,152,134)
cmyk(0,25,34,20)
hsl(16,50%,66%)
rgb(212,148,125)
cmyk(0,30,41,17)
hsl(16,60%,66%)
rgb(220,144,116)
cmyk(0,35,47,14)
hsl(16,70%,66%)
rgb(229,140,108)
cmyk(0,39,53,10)
hsl(16,80%,66%)
rgb(238,136,99)
cmyk(0,43,58,7)
hsl(16,90%,66%)
rgb(246,132,90)
cmyk(0,46,63,3)
hsl(16,100%,66%)
rgb(255,128,82)
cmyk(0,50,68,0)

Coral 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,100%,66%)
rgb(255,82,82)
cmyk(0,68,68,0)
hsl(10,100%,66%)
rgb(255,111,82)
cmyk(0,57,68,0)
hsl(20,100%,66%)
rgb(255,139,82)
cmyk(0,45,68,0)
hsl(30,100%,66%)
rgb(255,168,82)
cmyk(0,34,68,0)
hsl(40,100%,66%)
rgb(255,197,82)
cmyk(0,23,68,0)
hsl(50,100%,66%)
rgb(255,226,82)
cmyk(0,11,68,0)
hsl(60,100%,66%)
rgb(255,255,82)
cmyk(0,0,68,0)
hsl(70,100%,66%)
rgb(226,255,82)
cmyk(11,0,68,0)

Coral Color Shades in RGB model range

Color shades in Red range

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

hsl(120,23%,41%)
rgb(80,127,80)
cmyk(37,0,37,50)
hsl(88,23%,41%)
rgb(105,127,80)
cmyk(17,0,37,50)
hsl(56,24%,41%)
rgb(130,127,80)
cmyk(0,2,38,49)
hsl(38,32%,46%)
rgb(155,127,80)
cmyk(0,18,48,39)
hsl(28,40%,51%)
rgb(180,127,80)
cmyk(0,29,56,29)
hsl(23,56%,56%)
rgb(205,127,80)
cmyk(0,38,61,20)
hsl(19,75%,61%)
rgb(230,127,80)
cmyk(0,45,65,10)
hsl(16,100%,66%)
rgb(255,127,80)
cmyk(0,50,69,0)

Color shades in Green range

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

hsl(346,100%,55%)
rgb(255,27,80)
cmyk(0,89,69,0)
hsl(352,100%,60%)
rgb(255,52,80)
cmyk(0,80,69,0)
hsl(359,100%,65%)
rgb(255,77,80)
cmyk(0,70,69,0)
hsl(8,100%,66%)
rgb(255,102,80)
cmyk(0,60,69,0)
hsl(16,100%,66%)
rgb(255,127,80)
cmyk(0,50,69,0)
hsl(25,100%,66%)
rgb(255,152,80)
cmyk(0,40,69,0)
hsl(33,100%,66%)
rgb(255,177,80)
cmyk(0,31,69,0)
hsl(42,100%,66%)
rgb(255,202,80)
cmyk(0,21,69,0)

Color shades in Blue range

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

hsl(30,100%,50%)
rgb(255,127,0)
cmyk(0,50,100,0)
hsl(27,100%,55%)
rgb(255,127,25)
cmyk(0,50,90,0)
hsl(23,100%,60%)
rgb(255,127,50)
cmyk(0,50,80,0)
hsl(17,100%,65%)
rgb(255,127,75)
cmyk(0,50,71,0)
hsl(10,100%,70%)
rgb(255,127,100)
cmyk(0,50,61,0)
hsl(1,100%,75%)
rgb(255,127,125)
cmyk(0,50,51,0)
hsl(349,100%,75%)
rgb(255,127,150)
cmyk(0,50,41,0)
hsl(338,100%,75%)
rgb(255,127,175)
cmyk(0,50,31,0)

Coral Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(17,100%,66%)
rgb(255,128,79)
cmyk(0,50,69,0)
hsl(19,75%,61%)
rgb(230,128,79)
cmyk(0,44,66,10)
hsl(23,55%,56%)
rgb(204,128,79)
cmyk(0,38,61,20)
hsl(29,39%,51%)
rgb(179,128,79)
cmyk(0,29,56,30)
hsl(39,32%,46%)
rgb(153,128,79)
cmyk(0,17,48,40)
hsl(60,23%,41%)
rgb(128,128,79)
cmyk(0,0,38,50)
hsl(92,23%,41%)
rgb(102,128,79)
cmyk(20,0,38,50)
hsl(123,25%,40%)
rgb(77,128,79)
cmyk(40,0,38,50)

Color shades in Magenta range

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

hsl(51,100%,66%)
rgb(255,230,79)
cmyk(0,10,69,0)
hsl(43,100%,66%)
rgb(255,204,79)
cmyk(0,20,69,0)
hsl(34,100%,66%)
rgb(255,179,79)
cmyk(0,30,69,0)
hsl(25,100%,66%)
rgb(255,153,79)
cmyk(0,40,69,0)
hsl(17,100%,66%)
rgb(255,128,79)
cmyk(0,50,69,0)
hsl(8,100%,66%)
rgb(255,102,79)
cmyk(0,60,69,0)
hsl(359,100%,65%)
rgb(255,77,79)
cmyk(0,70,69,0)
hsl(352,100%,60%)
rgb(255,51,79)
cmyk(0,80,69,0)

Color shades in Yellow range

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

hsl(335,100%,75%)
rgb(255,128,181)
cmyk(0,50,29,0)
hsl(347,100%,75%)
rgb(255,128,156)
cmyk(0,50,39,0)
hsl(359,100%,75%)
rgb(255,128,130)
cmyk(0,50,49,0)
hsl(9,100%,71%)
rgb(255,128,105)
cmyk(0,50,59,0)
hsl(17,100%,66%)
rgb(255,128,79)
cmyk(0,50,69,0)
hsl(22,100%,61%)
rgb(255,128,54)
cmyk(0,50,79,0)
hsl(26,100%,55%)
rgb(255,128,28)
cmyk(0,50,89,0)
hsl(30,100%,51%)
rgb(255,128,3)
cmyk(0,50,99,0)

Color shades in Black range

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

hsl(17,53%,47%)
rgb(181,91,56)
cmyk(0,50,69,29)
hsl(17,53%,40%)
rgb(156,78,48)
cmyk(0,50,69,39)
hsl(17,53%,33%)
rgb(130,65,40)
cmyk(0,50,69,49)
hsl(17,53%,27%)
rgb(105,52,32)
cmyk(0,50,69,59)
hsl(17,53%,20%)
rgb(79,40,25)
cmyk(0,50,69,69)
hsl(17,53%,14%)
rgb(54,27,17)
cmyk(0,50,69,79)
hsl(17,53%,7%)
rgb(28,14,9)
cmyk(0,50,69,89)
hsl(17,53%,1%)
rgb(3,1,1)
cmyk(0,50,69,99)

Color HTML/CSS(CSS3) Example

Color rgb(255,127,80) usage in CSS

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


Color #FF7F50 usage in CSS

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


Color hsl(16,100%,66%) usage in CSS

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