rgb(242,13,13) / #F20D0D

rgb(242,13,13)

hsl(0,90%,50%)

cmyk(0,95,95,5)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,90%,10%)
rgb(48,3,3)
cmyk(0,95,95,81)
hsl(0,90%,20%)
rgb(97,5,5)
cmyk(0,95,95,62)
hsl(0,90%,30%)
rgb(145,8,8)
cmyk(0,95,95,43)
hsl(0,90%,40%)
rgb(194,10,10)
cmyk(0,95,95,24)
hsl(0,90%,50%)
rgb(242,13,13)
cmyk(0,95,95,5)
hsl(0,90%,60%)
rgb(245,61,61)
cmyk(0,75,75,4)
hsl(0,90%,70%)
rgb(247,110,110)
cmyk(0,56,56,3)
hsl(0,90%,80%)
rgb(250,158,158)
cmyk(0,37,37,2)

Color Saturation Range

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

hsl(0,30%,50%)
rgb(166,89,89)
cmyk(0,46,46,35)
hsl(0,40%,50%)
rgb(179,77,77)
cmyk(0,57,57,30)
hsl(0,50%,50%)
rgb(191,64,64)
cmyk(0,67,67,25)
hsl(0,60%,50%)
rgb(204,51,51)
cmyk(0,75,75,20)
hsl(0,70%,50%)
rgb(217,38,38)
cmyk(0,82,82,15)
hsl(0,80%,50%)
rgb(230,25,25)
cmyk(0,89,89,10)
hsl(0,90%,50%)
rgb(242,13,13)
cmyk(0,95,95,5)
hsl(0,100%,50%)
rgb(255,0,0)
cmyk(0,100,100,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%,50%)
rgb(242,13,13)
cmyk(0,95,95,5)
hsl(10,90%,50%)
rgb(242,51,13)
cmyk(0,79,95,5)
hsl(20,90%,50%)
rgb(242,89,13)
cmyk(0,63,95,5)
hsl(30,90%,50%)
rgb(242,128,13)
cmyk(0,47,95,5)
hsl(40,90%,50%)
rgb(242,166,13)
cmyk(0,32,95,5)
hsl(50,90%,50%)
rgb(242,204,13)
cmyk(0,16,95,5)
hsl(60,90%,50%)
rgb(242,242,13)
cmyk(0,0,95,5)
hsl(70,90%,50%)
rgb(204,242,13)
cmyk(16,0,95,5)

Color Shades in RGB model range

Color shades in Red range

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

hsl(0,72%,18%)
rgb(80,13,13)
cmyk(0,84,84,69)
hsl(0,78%,23%)
rgb(105,13,13)
cmyk(0,88,88,59)
hsl(0,82%,28%)
rgb(130,13,13)
cmyk(0,90,90,49)
hsl(0,85%,33%)
rgb(155,13,13)
cmyk(0,92,92,39)
hsl(0,87%,38%)
rgb(180,13,13)
cmyk(0,93,93,29)
hsl(0,88%,43%)
rgb(205,13,13)
cmyk(0,94,94,20)
hsl(0,89%,48%)
rgb(230,13,13)
cmyk(0,94,94,10)
hsl(0,100%,53%)
rgb(255,13,13)
cmyk(0,95,95,0)

Color shades in Green range

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

hsl(357,100%,47%)
rgb(242,0,13)
cmyk(0,100,95,5)
hsl(3,90%,50%)
rgb(242,25,13)
cmyk(0,90,95,5)
hsl(10,90%,50%)
rgb(242,50,13)
cmyk(0,79,95,5)
hsl(16,90%,50%)
rgb(242,75,13)
cmyk(0,69,95,5)
hsl(23,90%,50%)
rgb(242,100,13)
cmyk(0,59,95,5)
hsl(29,90%,50%)
rgb(242,125,13)
cmyk(0,48,95,5)
hsl(36,90%,50%)
rgb(242,150,13)
cmyk(0,38,95,5)
hsl(42,90%,50%)
rgb(242,175,13)
cmyk(0,28,95,5)

Color shades in Blue range

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

hsl(3,100%,47%)
rgb(242,13,0)
cmyk(0,95,100,5)
hsl(357,90%,50%)
rgb(242,13,25)
cmyk(0,95,90,5)
hsl(350,90%,50%)
rgb(242,13,50)
cmyk(0,95,79,5)
hsl(344,90%,50%)
rgb(242,13,75)
cmyk(0,95,69,5)
hsl(337,90%,50%)
rgb(242,13,100)
cmyk(0,95,59,5)
hsl(331,90%,50%)
rgb(242,13,125)
cmyk(0,95,48,5)
hsl(324,90%,50%)
rgb(242,13,150)
cmyk(0,95,38,5)
hsl(318,90%,50%)
rgb(242,13,175)
cmyk(0,95,28,5)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,90%,50%)
rgb(242,12,12)
cmyk(0,95,95,5)
hsl(0,89%,45%)
rgb(218,12,12)
cmyk(0,94,94,15)
hsl(0,88%,40%)
rgb(194,12,12)
cmyk(0,94,94,24)
hsl(0,87%,36%)
rgb(170,12,12)
cmyk(0,93,93,34)
hsl(0,85%,31%)
rgb(145,12,12)
cmyk(0,92,92,43)
hsl(0,82%,26%)
rgb(121,12,12)
cmyk(0,90,90,53)
hsl(0,78%,21%)
rgb(97,12,12)
cmyk(0,88,88,62)
hsl(0,71%,17%)
rgb(73,12,12)
cmyk(0,83,83,72)

Color shades in Magenta range

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

hsl(41,90%,50%)
rgb(242,170,12)
cmyk(0,30,95,5)
hsl(35,90%,50%)
rgb(242,145,12)
cmyk(0,40,95,5)
hsl(28,90%,50%)
rgb(242,121,12)
cmyk(0,50,95,5)
hsl(22,90%,50%)
rgb(242,97,12)
cmyk(0,60,95,5)
hsl(16,90%,50%)
rgb(242,73,12)
cmyk(0,70,95,5)
hsl(9,90%,50%)
rgb(242,48,12)
cmyk(0,80,95,5)
hsl(3,90%,50%)
rgb(242,24,12)
cmyk(0,90,95,5)
hsl(357,100%,48%)
rgb(242,0,12)
cmyk(0,100,95,5)

Color shades in Yellow range

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

hsl(319,90%,50%)
rgb(242,12,170)
cmyk(0,95,30,5)
hsl(325,90%,50%)
rgb(242,12,145)
cmyk(0,95,40,5)
hsl(332,90%,50%)
rgb(242,12,121)
cmyk(0,95,50,5)
hsl(338,90%,50%)
rgb(242,12,97)
cmyk(0,95,60,5)
hsl(344,90%,50%)
rgb(242,12,73)
cmyk(0,95,70,5)
hsl(351,90%,50%)
rgb(242,12,48)
cmyk(0,95,80,5)
hsl(357,90%,50%)
rgb(242,12,24)
cmyk(0,95,90,5)
hsl(3,100%,48%)
rgb(242,12,0)
cmyk(0,95,100,5)

Color shades in Black range

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

hsl(0,90%,37%)
rgb(179,9,9)
cmyk(0,95,95,30)
hsl(0,90%,32%)
rgb(153,8,8)
cmyk(0,95,95,40)
hsl(0,90%,26%)
rgb(128,6,6)
cmyk(0,95,95,50)
hsl(0,90%,21%)
rgb(102,5,5)
cmyk(0,95,95,60)
hsl(0,90%,16%)
rgb(77,4,4)
cmyk(0,95,95,70)
hsl(0,90%,10%)
rgb(51,3,3)
cmyk(0,95,95,80)
hsl(0,90%,5%)
rgb(25,1,1)
cmyk(0,95,95,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(242,13,13) usage in CSS

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


Color #F20D0D usage in CSS

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


Color hsl(0,90%,50%) usage in CSS

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