rgb(255,85,85) / #FF5555

rgb(255,85,85)

hsl(0,100%,67%)

cmyk(0,67,67,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,100%,27%)
rgb(138,0,0)
cmyk(0,100,100,46)
hsl(0,100%,37%)
rgb(189,0,0)
cmyk(0,100,100,26)
hsl(0,100%,47%)
rgb(240,0,0)
cmyk(0,100,100,6)
hsl(0,100%,57%)
rgb(255,36,36)
cmyk(0,86,86,0)
hsl(0,100%,67%)
rgb(255,87,87)
cmyk(0,66,66,0)
hsl(0,100%,77%)
rgb(255,138,138)
cmyk(0,46,46,0)
hsl(0,100%,87%)
rgb(255,189,189)
cmyk(0,26,26,0)
hsl(0,100%,97%)
rgb(255,240,240)
cmyk(0,6,6,0)

Color Saturation Range

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

hsl(0,30%,67%)
rgb(196,146,146)
cmyk(0,26,26,23)
hsl(0,40%,67%)
rgb(205,137,137)
cmyk(0,33,33,20)
hsl(0,50%,67%)
rgb(213,129,129)
cmyk(0,40,40,17)
hsl(0,60%,67%)
rgb(221,120,120)
cmyk(0,46,46,13)
hsl(0,70%,67%)
rgb(230,112,112)
cmyk(0,51,51,10)
hsl(0,80%,67%)
rgb(238,104,104)
cmyk(0,57,57,7)
hsl(0,90%,67%)
rgb(247,95,95)
cmyk(0,61,61,3)
hsl(0,100%,67%)
rgb(255,87,87)
cmyk(0,66,66,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,100%,67%)
rgb(255,87,87)
cmyk(0,66,66,0)
hsl(10,100%,67%)
rgb(255,115,87)
cmyk(0,55,66,0)
hsl(20,100%,67%)
rgb(255,143,87)
cmyk(0,44,66,0)
hsl(30,100%,67%)
rgb(255,171,87)
cmyk(0,33,66,0)
hsl(40,100%,67%)
rgb(255,199,87)
cmyk(0,22,66,0)
hsl(50,100%,67%)
rgb(255,227,87)
cmyk(0,11,66,0)
hsl(60,100%,67%)
rgb(255,255,87)
cmyk(0,0,66,0)
hsl(70,100%,67%)
rgb(227,255,87)
cmyk(11,0,66,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,3%,32%)
rgb(80,85,85)
cmyk(6,0,0,67)
hsl(0,11%,37%)
rgb(105,85,85)
cmyk(0,19,19,59)
hsl(0,21%,42%)
rgb(130,85,85)
cmyk(0,35,35,49)
hsl(0,29%,47%)
rgb(155,85,85)
cmyk(0,45,45,39)
hsl(0,39%,52%)
rgb(180,85,85)
cmyk(0,53,53,29)
hsl(0,55%,57%)
rgb(205,85,85)
cmyk(0,59,59,20)
hsl(0,74%,62%)
rgb(230,85,85)
cmyk(0,63,63,10)
hsl(0,100%,67%)
rgb(255,85,85)
cmyk(0,67,67,0)

Color shades in Green range

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

hsl(340,100%,50%)
rgb(255,0,85)
cmyk(0,100,67,0)
hsl(344,100%,55%)
rgb(255,25,85)
cmyk(0,90,67,0)
hsl(350,100%,60%)
rgb(255,50,85)
cmyk(0,80,67,0)
hsl(357,100%,65%)
rgb(255,75,85)
cmyk(0,71,67,0)
hsl(5,100%,67%)
rgb(255,100,85)
cmyk(0,61,67,0)
hsl(14,100%,67%)
rgb(255,125,85)
cmyk(0,51,67,0)
hsl(23,100%,67%)
rgb(255,150,85)
cmyk(0,41,67,0)
hsl(32,100%,67%)
rgb(255,175,85)
cmyk(0,31,67,0)

Color shades in Blue range

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

hsl(20,100%,50%)
rgb(255,85,0)
cmyk(0,67,100,0)
hsl(16,100%,55%)
rgb(255,85,25)
cmyk(0,67,90,0)
hsl(10,100%,60%)
rgb(255,85,50)
cmyk(0,67,80,0)
hsl(3,100%,65%)
rgb(255,85,75)
cmyk(0,67,71,0)
hsl(355,100%,67%)
rgb(255,85,100)
cmyk(0,67,61,0)
hsl(346,100%,67%)
rgb(255,85,125)
cmyk(0,67,51,0)
hsl(337,100%,67%)
rgb(255,85,150)
cmyk(0,67,41,0)
hsl(328,100%,67%)
rgb(255,85,175)
cmyk(0,67,31,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,100%,67%)
rgb(255,84,84)
cmyk(0,67,67,0)
hsl(0,74%,62%)
rgb(230,84,84)
cmyk(0,63,63,10)
hsl(0,54%,56%)
rgb(204,84,84)
cmyk(0,59,59,20)
hsl(0,38%,51%)
rgb(179,84,84)
cmyk(0,53,53,30)
hsl(0,29%,47%)
rgb(153,84,84)
cmyk(0,45,45,40)
hsl(0,20%,42%)
rgb(128,84,84)
cmyk(0,34,34,50)
hsl(0,10%,37%)
rgb(102,84,84)
cmyk(0,18,18,60)
hsl(180,5%,32%)
rgb(77,84,84)
cmyk(9,0,0,67)

Color shades in Magenta range

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

hsl(36,100%,67%)
rgb(255,186,84)
cmyk(0,27,67,0)
hsl(27,100%,67%)
rgb(255,161,84)
cmyk(0,37,67,0)
hsl(18,100%,67%)
rgb(255,135,84)
cmyk(0,47,67,0)
hsl(9,100%,67%)
rgb(255,110,84)
cmyk(0,57,67,0)
hsl(0,100%,67%)
rgb(255,84,84)
cmyk(0,67,67,0)
hsl(352,100%,62%)
rgb(255,59,84)
cmyk(0,77,67,0)
hsl(346,100%,56%)
rgb(255,33,84)
cmyk(0,87,67,0)
hsl(341,100%,52%)
rgb(255,8,84)
cmyk(0,97,67,0)

Color shades in Yellow range

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

hsl(324,100%,67%)
rgb(255,84,186)
cmyk(0,67,27,0)
hsl(333,100%,67%)
rgb(255,84,161)
cmyk(0,67,37,0)
hsl(342,100%,67%)
rgb(255,84,135)
cmyk(0,67,47,0)
hsl(351,100%,67%)
rgb(255,84,110)
cmyk(0,67,57,0)
hsl(0,100%,67%)
rgb(255,84,84)
cmyk(0,67,67,0)
hsl(8,100%,62%)
rgb(255,84,59)
cmyk(0,67,77,0)
hsl(14,100%,56%)
rgb(255,84,33)
cmyk(0,67,87,0)
hsl(19,100%,52%)
rgb(255,84,8)
cmyk(0,67,97,0)

Color shades in Black range

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

hsl(0,50%,49%)
rgb(186,61,61)
cmyk(0,67,67,27)
hsl(0,50%,42%)
rgb(161,53,53)
cmyk(0,67,67,37)
hsl(0,50%,35%)
rgb(135,45,45)
cmyk(0,67,67,47)
hsl(0,50%,29%)
rgb(110,36,36)
cmyk(0,67,67,57)
hsl(0,50%,22%)
rgb(84,28,28)
cmyk(0,67,67,67)
hsl(0,50%,15%)
rgb(59,19,19)
cmyk(0,67,67,77)
hsl(0,50%,9%)
rgb(33,11,11)
cmyk(0,67,67,87)
hsl(0,50%,2%)
rgb(8,3,3)
cmyk(0,67,67,97)

Color HTML/CSS(CSS3) Example

Color rgb(255,85,85) usage in CSS

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


Color #FF5555 usage in CSS

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


Color hsl(0,100%,67%) usage in CSS

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