rgb(210,45,45) / #D22D2D

rgb(210,45,45)

hsl(0,65%,50%)

cmyk(0,79,79,18)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,65%,10%)
rgb(42,9,9)
cmyk(0,79,79,84)
hsl(0,65%,20%)
rgb(84,18,18)
cmyk(0,79,79,67)
hsl(0,65%,30%)
rgb(126,27,27)
cmyk(0,79,79,51)
hsl(0,65%,40%)
rgb(168,36,36)
cmyk(0,79,79,34)
hsl(0,65%,50%)
rgb(210,45,45)
cmyk(0,79,79,18)
hsl(0,65%,60%)
rgb(219,87,87)
cmyk(0,60,60,14)
hsl(0,65%,70%)
rgb(228,129,129)
cmyk(0,44,44,10)
hsl(0,65%,80%)
rgb(237,171,171)
cmyk(0,28,28,7)

Color Saturation Range

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

hsl(0,25%,50%)
rgb(159,96,96)
cmyk(0,40,40,38)
hsl(0,35%,50%)
rgb(172,83,83)
cmyk(0,52,52,32)
hsl(0,45%,50%)
rgb(185,70,70)
cmyk(0,62,62,28)
hsl(0,55%,50%)
rgb(198,57,57)
cmyk(0,71,71,22)
hsl(0,65%,50%)
rgb(210,45,45)
cmyk(0,79,79,18)
hsl(0,75%,50%)
rgb(223,32,32)
cmyk(0,86,86,13)
hsl(0,85%,50%)
rgb(236,19,19)
cmyk(0,92,92,7)
hsl(0,95%,50%)
rgb(249,6,6)
cmyk(0,97,97,3)

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,65%,50%)
rgb(210,45,45)
cmyk(0,79,79,18)
hsl(10,65%,50%)
rgb(210,72,45)
cmyk(0,66,79,18)
hsl(20,65%,50%)
rgb(210,100,45)
cmyk(0,53,79,18)
hsl(30,65%,50%)
rgb(210,128,45)
cmyk(0,39,79,18)
hsl(40,65%,50%)
rgb(210,155,45)
cmyk(0,26,79,18)
hsl(50,65%,50%)
rgb(210,183,45)
cmyk(0,13,79,18)
hsl(60,65%,50%)
rgb(210,210,45)
cmyk(0,0,79,18)
hsl(70,65%,50%)
rgb(183,210,45)
cmyk(13,0,79,18)

Color Shades in RGB model range

Color shades in Red range

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

hsl(0,28%,25%)
rgb(80,45,45)
cmyk(0,44,44,69)
hsl(0,40%,29%)
rgb(105,45,45)
cmyk(0,57,57,59)
hsl(0,49%,34%)
rgb(130,45,45)
cmyk(0,65,65,49)
hsl(0,55%,39%)
rgb(155,45,45)
cmyk(0,71,71,39)
hsl(0,60%,44%)
rgb(180,45,45)
cmyk(0,75,75,29)
hsl(0,64%,49%)
rgb(205,45,45)
cmyk(0,78,78,20)
hsl(0,79%,54%)
rgb(230,45,45)
cmyk(0,80,80,10)
hsl(0,100%,59%)
rgb(255,45,45)
cmyk(0,82,82,0)

Color shades in Green range

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

hsl(347,100%,41%)
rgb(210,0,45)
cmyk(0,100,79,18)
hsl(354,79%,46%)
rgb(210,25,45)
cmyk(0,88,79,18)
hsl(2,65%,50%)
rgb(210,50,45)
cmyk(0,76,79,18)
hsl(11,65%,50%)
rgb(210,75,45)
cmyk(0,64,79,18)
hsl(20,65%,50%)
rgb(210,100,45)
cmyk(0,52,79,18)
hsl(29,65%,50%)
rgb(210,125,45)
cmyk(0,40,79,18)
hsl(38,65%,50%)
rgb(210,150,45)
cmyk(0,29,79,18)
hsl(47,65%,50%)
rgb(210,175,45)
cmyk(0,17,79,18)

Color shades in Blue range

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

hsl(13,100%,41%)
rgb(210,45,0)
cmyk(0,79,100,18)
hsl(6,79%,46%)
rgb(210,45,25)
cmyk(0,79,88,18)
hsl(358,65%,50%)
rgb(210,45,50)
cmyk(0,79,76,18)
hsl(349,65%,50%)
rgb(210,45,75)
cmyk(0,79,64,18)
hsl(340,65%,50%)
rgb(210,45,100)
cmyk(0,79,52,18)
hsl(331,65%,50%)
rgb(210,45,125)
cmyk(0,79,40,18)
hsl(322,65%,50%)
rgb(210,45,150)
cmyk(0,79,29,18)
hsl(313,65%,50%)
rgb(210,45,175)
cmyk(0,79,17,18)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,65%,50%)
rgb(209,44,44)
cmyk(0,79,79,18)
hsl(0,62%,46%)
rgb(188,44,44)
cmyk(0,77,77,26)
hsl(0,58%,41%)
rgb(167,44,44)
cmyk(0,74,74,34)
hsl(0,54%,37%)
rgb(146,44,44)
cmyk(0,70,70,43)
hsl(0,48%,33%)
rgb(125,44,44)
cmyk(0,65,65,51)
hsl(0,41%,29%)
rgb(105,44,44)
cmyk(0,58,58,59)
hsl(0,31%,25%)
rgb(84,44,44)
cmyk(0,48,48,67)
hsl(0,18%,21%)
rgb(63,44,44)
cmyk(0,30,30,75)

Color shades in Magenta range

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

hsl(37,65%,50%)
rgb(209,146,44)
cmyk(0,30,79,18)
hsl(30,65%,50%)
rgb(209,125,44)
cmyk(0,40,79,18)
hsl(22,65%,50%)
rgb(209,105,44)
cmyk(0,50,79,18)
hsl(14,65%,50%)
rgb(209,84,44)
cmyk(0,60,79,18)
hsl(7,65%,50%)
rgb(209,63,44)
cmyk(0,70,79,18)
hsl(359,67%,49%)
rgb(209,42,44)
cmyk(0,80,79,18)
hsl(353,82%,45%)
rgb(209,21,44)
cmyk(0,90,79,18)
hsl(347,100%,41%)
rgb(209,0,44)
cmyk(0,100,79,18)

Color shades in Yellow range

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

hsl(323,65%,50%)
rgb(209,44,146)
cmyk(0,79,30,18)
hsl(330,65%,50%)
rgb(209,44,125)
cmyk(0,79,40,18)
hsl(338,65%,50%)
rgb(209,44,105)
cmyk(0,79,50,18)
hsl(346,65%,50%)
rgb(209,44,84)
cmyk(0,79,60,18)
hsl(353,65%,50%)
rgb(209,44,63)
cmyk(0,79,70,18)
hsl(1,67%,49%)
rgb(209,44,42)
cmyk(0,79,80,18)
hsl(7,82%,45%)
rgb(209,44,21)
cmyk(0,79,90,18)
hsl(13,100%,41%)
rgb(209,44,0)
cmyk(0,79,100,18)

Color shades in Black range

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

hsl(0,65%,42%)
rgb(179,37,37)
cmyk(0,79,79,30)
hsl(0,65%,36%)
rgb(153,32,32)
cmyk(0,79,79,40)
hsl(0,65%,30%)
rgb(128,27,27)
cmyk(0,79,79,50)
hsl(0,65%,24%)
rgb(102,21,21)
cmyk(0,79,79,60)
hsl(0,65%,18%)
rgb(77,16,16)
cmyk(0,79,79,70)
hsl(0,65%,12%)
rgb(51,11,11)
cmyk(0,79,79,80)
hsl(0,65%,6%)
rgb(25,5,5)
cmyk(0,79,79,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(210,45,45) usage in CSS

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


Color #D22D2D usage in CSS

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


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

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