rgb(223,32,32) / #DF2020

rgb(223,32,32)

hsl(0,75%,50%)

cmyk(0,86,86,13)

Color Shades in HSL model

Color Lightness Range

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

hsl(0,75%,10%)
rgb(45,6,6)
cmyk(0,86,86,83) hsl(0,75%,20%)
rgb(89,13,13)
cmyk(0,86,86,65) hsl(0,75%,30%)
rgb(134,19,19)
cmyk(0,86,86,48) hsl(0,75%,40%)
rgb(179,25,25)
cmyk(0,86,86,30) hsl(0,75%,50%)
rgb(223,32,32)
cmyk(0,86,86,13) hsl(0,75%,60%)
rgb(230,76,76)
cmyk(0,67,67,10) hsl(0,75%,70%)
rgb(236,121,121)
cmyk(0,49,49,7) hsl(0,75%,80%)
rgb(242,166,166)
cmyk(0,32,32,5)

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,75%,50%)
rgb(223,32,32)
cmyk(0,86,86,13) hsl(10,75%,50%)
rgb(223,64,32)
cmyk(0,71,86,13) hsl(20,75%,50%)
rgb(223,96,32)
cmyk(0,57,86,13) hsl(30,75%,50%)
rgb(223,128,32)
cmyk(0,43,86,13) hsl(40,75%,50%)
rgb(223,159,32)
cmyk(0,29,86,13) hsl(50,75%,50%)
rgb(223,191,32)
cmyk(0,14,86,13) hsl(60,75%,50%)
rgb(223,223,32)
cmyk(0,0,86,13) hsl(70,75%,50%)
rgb(191,223,32)
cmyk(14,0,86,13)

Color Shades in RGB model range

Color shades in Red range

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

hsl(0,43%,22%)
rgb(80,32,32)
cmyk(0,60,60,69) hsl(0,53%,27%)
rgb(105,32,32)
cmyk(0,70,70,59) hsl(0,60%,32%)
rgb(130,32,32)
cmyk(0,75,75,49) hsl(0,66%,37%)
rgb(155,32,32)
cmyk(0,79,79,39) hsl(0,70%,42%)
rgb(180,32,32)
cmyk(0,82,82,29) hsl(0,73%,46%)
rgb(205,32,32)
cmyk(0,84,84,20) hsl(0,80%,51%)
rgb(230,32,32)
cmyk(0,86,86,10) hsl(0,100%,56%)
rgb(255,32,32)
cmyk(0,87,87,0)

Color shades in Green range

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

hsl(351,100%,44%)
rgb(223,0,32)
cmyk(0,100,86,13) hsl(358,80%,49%)
rgb(223,25,32)
cmyk(0,89,86,13) hsl(6,75%,50%)
rgb(223,50,32)
cmyk(0,78,86,13) hsl(14,75%,50%)
rgb(223,75,32)
cmyk(0,66,86,13) hsl(21,75%,50%)
rgb(223,100,32)
cmyk(0,55,86,13) hsl(29,75%,50%)
rgb(223,125,32)
cmyk(0,44,86,13) hsl(37,75%,50%)
rgb(223,150,32)
cmyk(0,33,86,13) hsl(45,75%,50%)
rgb(223,175,32)
cmyk(0,22,86,13)

Color shades in Blue range

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

hsl(9,100%,44%)
rgb(223,32,0)
cmyk(0,86,100,13) hsl(2,80%,49%)
rgb(223,32,25)
cmyk(0,86,89,13) hsl(354,75%,50%)
rgb(223,32,50)
cmyk(0,86,78,13) hsl(346,75%,50%)
rgb(223,32,75)
cmyk(0,86,66,13) hsl(339,75%,50%)
rgb(223,32,100)
cmyk(0,86,55,13) hsl(331,75%,50%)
rgb(223,32,125)
cmyk(0,86,44,13) hsl(323,75%,50%)
rgb(223,32,150)
cmyk(0,86,33,13) hsl(315,75%,50%)
rgb(223,32,175)
cmyk(0,86,22,13)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,75%,50%)
rgb(222,31,31)
cmyk(0,86,86,13) hsl(0,73%,45%)
rgb(200,31,31)
cmyk(0,84,84,22) hsl(0,70%,41%)
rgb(177,31,31)
cmyk(0,83,83,30) hsl(0,67%,37%)
rgb(155,31,31)
cmyk(0,80,80,39) hsl(0,62%,32%)
rgb(133,31,31)
cmyk(0,77,77,48) hsl(0,56%,28%)
rgb(111,31,31)
cmyk(0,72,72,56) hsl(0,48%,23%)
rgb(89,31,31)
cmyk(0,65,65,65) hsl(0,36%,19%)
rgb(67,31,31)
cmyk(0,53,53,74)

Color shades in Magenta range

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

hsl(39,75%,50%)
rgb(222,155,31)
cmyk(0,30,86,13) hsl(32,75%,50%)
rgb(222,133,31)
cmyk(0,40,86,13) hsl(25,75%,50%)
rgb(222,111,31)
cmyk(0,50,86,13) hsl(18,75%,50%)
rgb(222,89,31)
cmyk(0,60,86,13) hsl(11,75%,50%)
rgb(222,67,31)
cmyk(0,70,86,13) hsl(4,75%,50%)
rgb(222,44,31)
cmyk(0,80,86,13) hsl(357,82%,48%)
rgb(222,22,31)
cmyk(0,90,86,13) hsl(352,100%,44%)
rgb(222,0,31)
cmyk(0,100,86,13)

Color shades in Yellow range

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

hsl(321,75%,50%)
rgb(222,31,155)
cmyk(0,86,30,13) hsl(328,75%,50%)
rgb(222,31,133)
cmyk(0,86,40,13) hsl(335,75%,50%)
rgb(222,31,111)
cmyk(0,86,50,13) hsl(342,75%,50%)
rgb(222,31,89)
cmyk(0,86,60,13) hsl(349,75%,50%)
rgb(222,31,67)
cmyk(0,86,70,13) hsl(356,75%,50%)
rgb(222,31,44)
cmyk(0,86,80,13) hsl(3,82%,48%)
rgb(222,31,22)
cmyk(0,86,90,13) hsl(8,100%,44%)
rgb(222,31,0)
cmyk(0,86,100,13)

Color shades in Black range

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

hsl(0,75%,40%)
rgb(179,25,25)
cmyk(0,86,86,30) hsl(0,75%,34%)
rgb(153,21,21)
cmyk(0,86,86,40) hsl(0,75%,29%)
rgb(128,18,18)
cmyk(0,86,86,50) hsl(0,75%,23%)
rgb(102,14,14)
cmyk(0,86,86,60) hsl(0,75%,17%)
rgb(77,11,11)
cmyk(0,86,86,70) hsl(0,75%,11%)
rgb(51,7,7)
cmyk(0,86,86,80) hsl(0,75%,6%)
rgb(25,4,4)
cmyk(0,86,86,90) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(223,32,32) usage in CSS


.bg-rgb-color { background-color: rgb(223,32,32); }

.text-rgb-color { color: rgb(223,32,32); }

.border-rgb-color { border: 1px solid rgb(223,32,32); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(223,32,32); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(223,32,32); }

Color #DF2020 usage in CSS


.bg-rgb-color { background-color: #DF2020; }

.text-rgb-color { color: #DF2020; }

.border-rgb-color { border: 1px solid #DF2020; }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px #DF2020; }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px #DF2020; }

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


.bg-rgb-color { background-color: hsl(0,75%,50%); }

.text-rgb-color { color: hsl(0,75%,50%); }

.border-rgb-color { border: 1px solid hsl(0,75%,50%); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(0,75%,50%); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(0,75%,50%); }