rgb(236,19,19) / #EC1313

rgb(236,19,19)

hsl(0,85%,50%)

cmyk(0,92,92,7)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,85%,10%)
rgb(47,4,4)
cmyk(0,92,92,82)
hsl(0,85%,20%)
rgb(94,8,8)
cmyk(0,92,92,63)
hsl(0,85%,30%)
rgb(142,11,11)
cmyk(0,92,92,44)
hsl(0,85%,40%)
rgb(189,15,15)
cmyk(0,92,92,26)
hsl(0,85%,50%)
rgb(236,19,19)
cmyk(0,92,92,7)
hsl(0,85%,60%)
rgb(240,66,66)
cmyk(0,72,72,6)
hsl(0,85%,70%)
rgb(244,113,113)
cmyk(0,53,53,5)
hsl(0,85%,80%)
rgb(247,161,161)
cmyk(0,35,35,3)

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,85%,50%)
rgb(236,19,19)
cmyk(0,92,92,7)
hsl(10,85%,50%)
rgb(236,55,19)
cmyk(0,77,92,7)
hsl(20,85%,50%)
rgb(236,91,19)
cmyk(0,61,92,7)
hsl(30,85%,50%)
rgb(236,128,19)
cmyk(0,46,92,7)
hsl(40,85%,50%)
rgb(236,164,19)
cmyk(0,31,92,7)
hsl(50,85%,50%)
rgb(236,200,19)
cmyk(0,15,92,7)
hsl(60,85%,50%)
rgb(236,236,19)
cmyk(0,0,92,7)
hsl(70,85%,50%)
rgb(200,236,19)
cmyk(15,0,92,7)

Color Shades in RGB model range

Color shades in Red range

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

hsl(0,62%,19%)
rgb(80,19,19)
cmyk(0,76,76,69)
hsl(0,69%,24%)
rgb(105,19,19)
cmyk(0,82,82,59)
hsl(0,74%,29%)
rgb(130,19,19)
cmyk(0,85,85,49)
hsl(0,78%,34%)
rgb(155,19,19)
cmyk(0,88,88,39)
hsl(0,81%,39%)
rgb(180,19,19)
cmyk(0,89,89,29)
hsl(0,83%,44%)
rgb(205,19,19)
cmyk(0,91,91,20)
hsl(0,85%,49%)
rgb(230,19,19)
cmyk(0,92,92,10)
hsl(0,100%,54%)
rgb(255,19,19)
cmyk(0,93,93,0)

Color shades in Green range

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

hsl(355,100%,46%)
rgb(236,0,19)
cmyk(0,100,92,7)
hsl(2,85%,50%)
rgb(236,25,19)
cmyk(0,89,92,7)
hsl(9,85%,50%)
rgb(236,50,19)
cmyk(0,79,92,7)
hsl(15,85%,50%)
rgb(236,75,19)
cmyk(0,68,92,7)
hsl(22,85%,50%)
rgb(236,100,19)
cmyk(0,58,92,7)
hsl(29,85%,50%)
rgb(236,125,19)
cmyk(0,47,92,7)
hsl(36,85%,50%)
rgb(236,150,19)
cmyk(0,36,92,7)
hsl(43,85%,50%)
rgb(236,175,19)
cmyk(0,26,92,7)

Color shades in Blue range

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

hsl(5,100%,46%)
rgb(236,19,0)
cmyk(0,92,100,7)
hsl(358,85%,50%)
rgb(236,19,25)
cmyk(0,92,89,7)
hsl(351,85%,50%)
rgb(236,19,50)
cmyk(0,92,79,7)
hsl(345,85%,50%)
rgb(236,19,75)
cmyk(0,92,68,7)
hsl(338,85%,50%)
rgb(236,19,100)
cmyk(0,92,58,7)
hsl(331,85%,50%)
rgb(236,19,125)
cmyk(0,92,47,7)
hsl(324,85%,50%)
rgb(236,19,150)
cmyk(0,92,36,7)
hsl(317,85%,50%)
rgb(236,19,175)
cmyk(0,92,26,7)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,86%,50%)
rgb(237,19,19)
cmyk(0,92,92,7)
hsl(0,84%,46%)
rgb(213,19,19)
cmyk(0,91,91,16)
hsl(0,82%,41%)
rgb(190,19,19)
cmyk(0,90,90,26)
hsl(0,79%,36%)
rgb(166,19,19)
cmyk(0,89,89,35)
hsl(0,76%,32%)
rgb(142,19,19)
cmyk(0,87,87,44)
hsl(0,72%,27%)
rgb(119,19,19)
cmyk(0,84,84,53)
hsl(0,67%,22%)
rgb(95,19,19)
cmyk(0,80,80,63)
hsl(0,58%,18%)
rgb(71,19,19)
cmyk(0,73,73,72)

Color shades in Magenta range

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

hsl(40,86%,50%)
rgb(237,166,19)
cmyk(0,30,92,7)
hsl(34,86%,50%)
rgb(237,142,19)
cmyk(0,40,92,7)
hsl(27,86%,50%)
rgb(237,119,19)
cmyk(0,50,92,7)
hsl(21,86%,50%)
rgb(237,95,19)
cmyk(0,60,92,7)
hsl(14,86%,50%)
rgb(237,71,19)
cmyk(0,70,92,7)
hsl(8,86%,50%)
rgb(237,47,19)
cmyk(0,80,92,7)
hsl(1,86%,50%)
rgb(237,24,19)
cmyk(0,90,92,7)
hsl(355,100%,47%)
rgb(237,0,19)
cmyk(0,100,92,7)

Color shades in Yellow range

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

hsl(320,86%,50%)
rgb(237,19,166)
cmyk(0,92,30,7)
hsl(326,86%,50%)
rgb(237,19,142)
cmyk(0,92,40,7)
hsl(333,86%,50%)
rgb(237,19,119)
cmyk(0,92,50,7)
hsl(339,86%,50%)
rgb(237,19,95)
cmyk(0,92,60,7)
hsl(346,86%,50%)
rgb(237,19,71)
cmyk(0,92,70,7)
hsl(352,86%,50%)
rgb(237,19,47)
cmyk(0,92,80,7)
hsl(359,86%,50%)
rgb(237,19,24)
cmyk(0,92,90,7)
hsl(5,100%,47%)
rgb(237,19,0)
cmyk(0,92,100,7)

Color shades in Black range

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

hsl(0,85%,38%)
rgb(179,14,14)
cmyk(0,92,92,30)
hsl(0,85%,32%)
rgb(153,12,12)
cmyk(0,92,92,40)
hsl(0,85%,27%)
rgb(128,10,10)
cmyk(0,92,92,50)
hsl(0,85%,22%)
rgb(102,8,8)
cmyk(0,92,92,60)
hsl(0,85%,16%)
rgb(77,6,6)
cmyk(0,92,92,70)
hsl(0,85%,11%)
rgb(51,4,4)
cmyk(0,92,92,80)
hsl(0,85%,5%)
rgb(25,2,2)
cmyk(0,92,92,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(236,19,19) usage in CSS

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


Color #EC1313 usage in CSS

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


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

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