rgb(253,29,29) / #FD1D1D

rgb(253,29,29)

hsl(0,98%,55%)

cmyk(0,89,89,1)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,98%,15%)
rgb(76,1,1)
cmyk(0,99,99,70)
hsl(0,98%,25%)
rgb(126,1,1)
cmyk(0,99,99,51)
hsl(0,98%,35%)
rgb(177,2,2)
cmyk(0,99,99,31)
hsl(0,98%,45%)
rgb(227,2,2)
cmyk(0,99,99,11)
hsl(0,98%,55%)
rgb(253,28,28)
cmyk(0,89,89,1)
hsl(0,98%,65%)
rgb(253,78,78)
cmyk(0,69,69,1)
hsl(0,98%,75%)
rgb(254,129,129)
cmyk(0,49,49,1)
hsl(0,98%,85%)
rgb(254,179,179)
cmyk(0,29,29,0)

Color Saturation Range

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

hsl(0,30%,55%)
rgb(175,106,106)
cmyk(0,39,39,31)
hsl(0,40%,55%)
rgb(186,94,94)
cmyk(0,49,49,27)
hsl(0,50%,55%)
rgb(198,83,83)
cmyk(0,58,58,22)
hsl(0,60%,55%)
rgb(209,71,71)
cmyk(0,66,66,18)
hsl(0,70%,55%)
rgb(221,60,60)
cmyk(0,73,73,14)
hsl(0,80%,55%)
rgb(232,48,48)
cmyk(0,79,79,9)
hsl(0,90%,55%)
rgb(244,37,37)
cmyk(0,85,85,4)
hsl(0,100%,55%)
rgb(255,26,26)
cmyk(0,90,90,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,98%,55%)
rgb(253,28,28)
cmyk(0,89,89,1)
hsl(10,98%,55%)
rgb(253,65,28)
cmyk(0,74,89,1)
hsl(20,98%,55%)
rgb(253,103,28)
cmyk(0,59,89,1)
hsl(30,98%,55%)
rgb(253,140,28)
cmyk(0,45,89,1)
hsl(40,98%,55%)
rgb(253,178,28)
cmyk(0,30,89,1)
hsl(50,98%,55%)
rgb(253,215,28)
cmyk(0,15,89,1)
hsl(60,98%,55%)
rgb(253,253,28)
cmyk(0,0,89,1)
hsl(70,98%,55%)
rgb(215,253,28)
cmyk(15,0,89,1)

Color Shades in RGB model range

Color shades in Red range

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

hsl(0,47%,21%)
rgb(80,29,29)
cmyk(0,64,64,69)
hsl(0,57%,26%)
rgb(105,29,29)
cmyk(0,72,72,59)
hsl(0,64%,31%)
rgb(130,29,29)
cmyk(0,78,78,49)
hsl(0,68%,36%)
rgb(155,29,29)
cmyk(0,81,81,39)
hsl(0,72%,41%)
rgb(180,29,29)
cmyk(0,84,84,29)
hsl(0,75%,46%)
rgb(205,29,29)
cmyk(0,86,86,20)
hsl(0,80%,51%)
rgb(230,29,29)
cmyk(0,87,87,10)
hsl(0,100%,56%)
rgb(255,29,29)
cmyk(0,89,89,0)

Color shades in Green range

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

hsl(353,100%,50%)
rgb(253,0,29)
cmyk(0,100,89,1)
hsl(359,98%,55%)
rgb(253,25,29)
cmyk(0,90,89,1)
hsl(6,98%,55%)
rgb(253,50,29)
cmyk(0,80,89,1)
hsl(12,98%,55%)
rgb(253,75,29)
cmyk(0,70,89,1)
hsl(19,98%,55%)
rgb(253,100,29)
cmyk(0,60,89,1)
hsl(26,98%,55%)
rgb(253,125,29)
cmyk(0,51,89,1)
hsl(32,98%,55%)
rgb(253,150,29)
cmyk(0,41,89,1)
hsl(39,98%,55%)
rgb(253,175,29)
cmyk(0,31,89,1)

Color shades in Blue range

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

hsl(7,100%,50%)
rgb(253,29,0)
cmyk(0,89,100,1)
hsl(1,98%,55%)
rgb(253,29,25)
cmyk(0,89,90,1)
hsl(354,98%,55%)
rgb(253,29,50)
cmyk(0,89,80,1)
hsl(348,98%,55%)
rgb(253,29,75)
cmyk(0,89,70,1)
hsl(341,98%,55%)
rgb(253,29,100)
cmyk(0,89,60,1)
hsl(334,98%,55%)
rgb(253,29,125)
cmyk(0,89,51,1)
hsl(328,98%,55%)
rgb(253,29,150)
cmyk(0,89,41,1)
hsl(321,98%,55%)
rgb(253,29,175)
cmyk(0,89,31,1)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,98%,55%)
rgb(252,28,28)
cmyk(0,89,89,1)
hsl(0,78%,50%)
rgb(227,28,28)
cmyk(0,88,88,11)
hsl(0,76%,45%)
rgb(202,28,28)
cmyk(0,86,86,21)
hsl(0,73%,40%)
rgb(177,28,28)
cmyk(0,84,84,31)
hsl(0,69%,35%)
rgb(151,28,28)
cmyk(0,82,82,41)
hsl(0,64%,30%)
rgb(126,28,28)
cmyk(0,78,78,51)
hsl(0,57%,25%)
rgb(101,28,28)
cmyk(0,73,73,60)
hsl(0,46%,20%)
rgb(76,28,28)
cmyk(0,63,63,70)

Color shades in Magenta range

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

hsl(40,98%,55%)
rgb(252,177,28)
cmyk(0,30,89,1)
hsl(33,98%,55%)
rgb(252,151,28)
cmyk(0,40,89,1)
hsl(26,98%,55%)
rgb(252,126,28)
cmyk(0,50,89,1)
hsl(20,98%,55%)
rgb(252,101,28)
cmyk(0,60,89,1)
hsl(13,98%,55%)
rgb(252,76,28)
cmyk(0,70,89,1)
hsl(6,98%,55%)
rgb(252,50,28)
cmyk(0,80,89,1)
hsl(359,98%,54%)
rgb(252,25,28)
cmyk(0,90,89,1)
hsl(353,100%,50%)
rgb(252,0,28)
cmyk(0,100,89,1)

Color shades in Yellow range

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

hsl(320,98%,55%)
rgb(252,28,177)
cmyk(0,89,30,1)
hsl(327,98%,55%)
rgb(252,28,151)
cmyk(0,89,40,1)
hsl(334,98%,55%)
rgb(252,28,126)
cmyk(0,89,50,1)
hsl(340,98%,55%)
rgb(252,28,101)
cmyk(0,89,60,1)
hsl(347,98%,55%)
rgb(252,28,76)
cmyk(0,89,70,1)
hsl(354,98%,55%)
rgb(252,28,50)
cmyk(0,89,80,1)
hsl(1,98%,54%)
rgb(252,28,25)
cmyk(0,89,90,1)
hsl(7,100%,50%)
rgb(252,28,0)
cmyk(0,89,100,1)

Color shades in Black range

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

hsl(0,80%,39%)
rgb(179,20,20)
cmyk(0,89,89,30)
hsl(0,80%,33%)
rgb(153,17,17)
cmyk(0,89,89,40)
hsl(0,80%,28%)
rgb(128,14,14)
cmyk(0,89,89,50)
hsl(0,80%,22%)
rgb(102,11,11)
cmyk(0,89,89,60)
hsl(0,80%,17%)
rgb(77,8,8)
cmyk(0,89,89,70)
hsl(0,80%,11%)
rgb(51,6,6)
cmyk(0,89,89,80)
hsl(0,80%,6%)
rgb(25,3,3)
cmyk(0,89,89,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(253,29,29) usage in CSS

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


Color #FD1D1D usage in CSS

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


Color hsl(0,98%,55%) usage in CSS

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