Crimson rgb(220,20,60) / #DC143C

Crimson

rgb(220,20,60)

hsl(348,83%,47%)

cmyk(0,91,73,14)


Crimson Color Shades in HSL model

Crimson Color Lightness Range

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

hsl(348,83%,7%)
rgb(33,3,9)
cmyk(0,91,73,87)
hsl(348,83%,17%)
rgb(79,7,22)
cmyk(0,91,73,69)
hsl(348,83%,27%)
rgb(126,12,35)
cmyk(0,91,73,51)
hsl(348,83%,37%)
rgb(173,16,47)
cmyk(0,91,73,32)
hsl(348,83%,47%)
rgb(219,20,60)
cmyk(0,91,73,14)
hsl(348,83%,57%)
rgb(236,54,91)
cmyk(0,77,62,7)
hsl(348,83%,67%)
rgb(241,101,129)
cmyk(0,58,46,6)
hsl(348,83%,77%)
rgb(245,148,167)
cmyk(0,40,32,4)

Crimson Color Saturation Range

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

hsl(348,30%,47%)
rgb(156,84,98)
cmyk(0,46,37,39)
hsl(348,40%,47%)
rgb(168,72,91)
cmyk(0,57,46,34)
hsl(348,50%,47%)
rgb(180,60,84)
cmyk(0,67,53,30)
hsl(348,60%,47%)
rgb(192,48,77)
cmyk(0,75,60,25)
hsl(348,70%,47%)
rgb(204,36,70)
cmyk(0,82,66,20)
hsl(348,80%,47%)
rgb(216,24,62)
cmyk(0,89,71,15)
hsl(348,90%,47%)
rgb(228,12,55)
cmyk(0,95,76,11)
hsl(348,100%,47%)
rgb(240,0,48)
cmyk(0,100,80,6)

Crimson 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(290,83%,47%)
rgb(186,20,219)
cmyk(15,91,0,14)
hsl(300,83%,47%)
rgb(219,20,219)
cmyk(0,91,0,14)
hsl(310,83%,47%)
rgb(219,20,186)
cmyk(0,91,15,14)
hsl(320,83%,47%)
rgb(219,20,153)
cmyk(0,91,30,14)
hsl(330,83%,47%)
rgb(219,20,120)
cmyk(0,91,45,14)
hsl(340,83%,47%)
rgb(219,20,87)
cmyk(0,91,60,14)
hsl(350,83%,47%)
rgb(219,20,54)
cmyk(0,91,76,14)
hsl(0,83%,47%)
rgb(219,20,20)
cmyk(0,91,91,14)

Crimson Color Shades in RGB model range

Color shades in Red range

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

hsl(320,60%,20%)
rgb(80,20,60)
cmyk(0,75,25,69)
hsl(332,68%,25%)
rgb(105,20,60)
cmyk(0,81,43,59)
hsl(338,73%,29%)
rgb(130,20,60)
cmyk(0,85,54,49)
hsl(342,77%,34%)
rgb(155,20,60)
cmyk(0,87,61,39)
hsl(345,80%,39%)
rgb(180,20,60)
cmyk(0,89,67,29)
hsl(347,82%,44%)
rgb(205,20,60)
cmyk(0,90,71,20)
hsl(349,84%,49%)
rgb(230,20,60)
cmyk(0,91,74,10)
hsl(350,100%,54%)
rgb(255,20,60)
cmyk(0,92,76,0)

Color shades in Green range

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

hsl(344,100%,43%)
rgb(220,0,60)
cmyk(0,100,73,14)
hsl(349,80%,48%)
rgb(220,25,60)
cmyk(0,89,73,14)
hsl(356,71%,53%)
rgb(220,50,60)
cmyk(0,77,73,14)
hsl(6,70%,55%)
rgb(220,75,60)
cmyk(0,66,73,14)
hsl(15,70%,55%)
rgb(220,100,60)
cmyk(0,55,73,14)
hsl(24,70%,55%)
rgb(220,125,60)
cmyk(0,43,73,14)
hsl(34,70%,55%)
rgb(220,150,60)
cmyk(0,32,73,14)
hsl(43,70%,55%)
rgb(220,175,60)
cmyk(0,20,73,14)

Color shades in Blue range

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

hsl(5,100%,43%)
rgb(220,20,0)
cmyk(0,91,100,14)
hsl(358,83%,47%)
rgb(220,20,25)
cmyk(0,91,89,14)
hsl(351,83%,47%)
rgb(220,20,50)
cmyk(0,91,77,14)
hsl(344,83%,47%)
rgb(220,20,75)
cmyk(0,91,66,14)
hsl(336,83%,47%)
rgb(220,20,100)
cmyk(0,91,55,14)
hsl(329,83%,47%)
rgb(220,20,125)
cmyk(0,91,43,14)
hsl(321,83%,47%)
rgb(220,20,150)
cmyk(0,91,32,14)
hsl(313,83%,47%)
rgb(220,20,175)
cmyk(0,91,20,14)

Crimson Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(348,83%,47%)
rgb(219,20,59)
cmyk(0,91,73,14)
hsl(347,82%,43%)
rgb(197,20,59)
cmyk(0,90,70,23)
hsl(345,80%,38%)
rgb(175,20,59)
cmyk(0,89,66,31)
hsl(342,77%,34%)
rgb(154,20,59)
cmyk(0,87,61,40)
hsl(339,74%,30%)
rgb(132,20,59)
cmyk(0,85,55,48)
hsl(334,69%,25%)
rgb(110,20,59)
cmyk(0,82,46,57)
hsl(325,63%,21%)
rgb(88,20,59)
cmyk(0,77,33,66)
hsl(309,54%,17%)
rgb(66,20,59)
cmyk(0,70,10,74)

Color shades in Magenta range

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

hsl(35,69%,55%)
rgb(219,154,59)
cmyk(0,30,73,14)
hsl(27,69%,55%)
rgb(219,132,59)
cmyk(0,40,73,14)
hsl(19,69%,55%)
rgb(219,110,59)
cmyk(0,50,73,14)
hsl(11,69%,55%)
rgb(219,88,59)
cmyk(0,60,73,14)
hsl(2,69%,55%)
rgb(219,66,59)
cmyk(0,70,73,14)
hsl(355,71%,52%)
rgb(219,44,59)
cmyk(0,80,73,14)
hsl(349,82%,47%)
rgb(219,22,59)
cmyk(0,90,73,14)
hsl(344,100%,43%)
rgb(219,0,59)
cmyk(0,100,73,14)

Color shades in Yellow range

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

hsl(320,83%,47%)
rgb(219,20,154)
cmyk(0,91,30,14)
hsl(326,83%,47%)
rgb(219,20,132)
cmyk(0,91,40,14)
hsl(333,83%,47%)
rgb(219,20,110)
cmyk(0,91,50,14)
hsl(340,83%,47%)
rgb(219,20,88)
cmyk(0,91,60,14)
hsl(346,83%,47%)
rgb(219,20,66)
cmyk(0,91,70,14)
hsl(353,83%,47%)
rgb(219,20,44)
cmyk(0,91,80,14)
hsl(359,83%,47%)
rgb(219,20,22)
cmyk(0,91,90,14)
hsl(5,100%,43%)
rgb(219,20,0)
cmyk(0,91,100,14)

Color shades in Black range

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

hsl(348,83%,38%)
rgb(179,16,48)
cmyk(0,91,73,30)
hsl(348,83%,33%)
rgb(153,14,41)
cmyk(0,91,73,40)
hsl(348,83%,27%)
rgb(128,11,34)
cmyk(0,91,73,50)
hsl(348,83%,22%)
rgb(102,9,28)
cmyk(0,91,73,60)
hsl(348,83%,16%)
rgb(77,7,21)
cmyk(0,91,73,70)
hsl(348,83%,11%)
rgb(51,5,14)
cmyk(0,91,73,80)
hsl(348,83%,5%)
rgb(25,2,7)
cmyk(0,91,73,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(220,20,60) usage in CSS

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


Color #DC143C usage in CSS

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


Color hsl(348,83%,47%) usage in CSS

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