rgb(219,68,55) / #DB4437

rgb(219,68,55)

hsl(5,69%,54%)

cmyk(0,69,75,14)


Color Shades in HSL model

Color Lightness Range

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

hsl(5,69%,14%)
rgb(60,15,11)
cmyk(0,75,82,76)
hsl(5,69%,24%)
rgb(103,26,19)
cmyk(0,75,82,59)
hsl(5,69%,34%)
rgb(147,37,27)
cmyk(0,75,82,43)
hsl(5,69%,44%)
rgb(190,48,35)
cmyk(0,75,82,26)
hsl(5,69%,54%)
rgb(219,70,57)
cmyk(0,68,74,14)
hsl(5,69%,64%)
rgb(227,110,100)
cmyk(0,51,56,11)
hsl(5,69%,74%)
rgb(234,151,143)
cmyk(0,36,39,8)
hsl(5,69%,84%)
rgb(242,191,186)
cmyk(0,21,23,5)

Color Saturation Range

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

hsl(5,29%,54%)
rgb(172,109,104)
cmyk(0,36,40,33)
hsl(5,39%,54%)
rgb(183,100,92)
cmyk(0,46,50,28)
hsl(5,49%,54%)
rgb(195,90,80)
cmyk(0,54,59,23)
hsl(5,59%,54%)
rgb(207,80,68)
cmyk(0,61,67,19)
hsl(5,69%,54%)
rgb(219,70,57)
cmyk(0,68,74,14)
hsl(5,79%,54%)
rgb(230,60,45)
cmyk(0,74,80,10)
hsl(5,89%,54%)
rgb(242,51,33)
cmyk(0,79,86,5)
hsl(5,99%,54%)
rgb(254,41,22)
cmyk(0,84,92,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,69%,54%)
rgb(219,57,57)
cmyk(0,74,74,14)
hsl(10,69%,54%)
rgb(219,84,57)
cmyk(0,62,74,14)
hsl(20,69%,54%)
rgb(219,111,57)
cmyk(0,49,74,14)
hsl(30,69%,54%)
rgb(219,138,57)
cmyk(0,37,74,14)
hsl(40,69%,54%)
rgb(219,165,57)
cmyk(0,25,74,14)
hsl(50,69%,54%)
rgb(219,192,57)
cmyk(0,12,74,14)
hsl(60,69%,54%)
rgb(219,219,57)
cmyk(0,0,74,14)
hsl(70,69%,54%)
rgb(192,219,57)
cmyk(12,0,74,14)

Color Shades in RGB model range

Color shades in Red range

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

hsl(31,19%,26%)
rgb(80,68,55)
cmyk(0,15,31,69)
hsl(16,31%,31%)
rgb(105,68,55)
cmyk(0,35,48,59)
hsl(10,41%,36%)
rgb(130,68,55)
cmyk(0,48,58,49)
hsl(8,48%,41%)
rgb(155,68,55)
cmyk(0,56,65,39)
hsl(6,53%,46%)
rgb(180,68,55)
cmyk(0,62,69,29)
hsl(5,60%,51%)
rgb(205,68,55)
cmyk(0,67,73,20)
hsl(4,78%,56%)
rgb(230,68,55)
cmyk(0,70,76,10)
hsl(4,100%,61%)
rgb(255,68,55)
cmyk(0,73,78,0)

Color shades in Green range

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

hsl(345,100%,43%)
rgb(219,0,55)
cmyk(0,100,75,14)
hsl(351,80%,48%)
rgb(219,25,55)
cmyk(0,89,75,14)
hsl(358,70%,53%)
rgb(219,50,55)
cmyk(0,77,75,14)
hsl(7,69%,54%)
rgb(219,75,55)
cmyk(0,66,75,14)
hsl(16,69%,54%)
rgb(219,100,55)
cmyk(0,54,75,14)
hsl(26,69%,54%)
rgb(219,125,55)
cmyk(0,43,75,14)
hsl(35,69%,54%)
rgb(219,150,55)
cmyk(0,32,75,14)
hsl(44,69%,54%)
rgb(219,175,55)
cmyk(0,20,75,14)

Color shades in Blue range

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

hsl(19,100%,43%)
rgb(219,68,0)
cmyk(0,69,100,14)
hsl(13,80%,48%)
rgb(219,68,25)
cmyk(0,69,89,14)
hsl(6,70%,53%)
rgb(219,68,50)
cmyk(0,69,77,14)
hsl(357,68%,56%)
rgb(219,68,75)
cmyk(0,69,66,14)
hsl(347,68%,56%)
rgb(219,68,100)
cmyk(0,69,54,14)
hsl(337,68%,56%)
rgb(219,68,125)
cmyk(0,69,43,14)
hsl(327,68%,56%)
rgb(219,68,150)
cmyk(0,69,32,14)
hsl(317,68%,56%)
rgb(219,68,175)
cmyk(0,69,20,14)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(5,70%,54%)
rgb(219,68,55)
cmyk(0,69,75,14)
hsl(6,57%,49%)
rgb(197,68,55)
cmyk(0,66,72,23)
hsl(7,52%,45%)
rgb(175,68,55)
cmyk(0,61,69,31)
hsl(8,47%,41%)
rgb(154,68,55)
cmyk(0,56,64,40)
hsl(10,41%,37%)
rgb(132,68,55)
cmyk(0,48,58,48)
hsl(14,33%,32%)
rgb(110,68,55)
cmyk(0,38,50,57)
hsl(24,23%,28%)
rgb(88,68,55)
cmyk(0,22,38,66)
hsl(70,11%,24%)
rgb(66,68,55)
cmyk(3,0,19,73)

Color shades in Magenta range

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

hsl(37,70%,54%)
rgb(219,156,55)
cmyk(0,29,75,14)
hsl(29,70%,54%)
rgb(219,134,55)
cmyk(0,39,75,14)
hsl(21,70%,54%)
rgb(219,112,55)
cmyk(0,49,75,14)
hsl(13,70%,54%)
rgb(219,90,55)
cmyk(0,59,75,14)
hsl(5,70%,54%)
rgb(219,68,55)
cmyk(0,69,75,14)
hsl(357,71%,52%)
rgb(219,46,55)
cmyk(0,79,75,14)
hsl(351,80%,48%)
rgb(219,24,55)
cmyk(0,89,75,14)
hsl(345,98%,43%)
rgb(219,2,55)
cmyk(0,99,75,14)

Color shades in Yellow range

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

hsl(326,68%,56%)
rgb(219,68,154)
cmyk(0,69,30,14)
hsl(335,68%,56%)
rgb(219,68,132)
cmyk(0,69,40,14)
hsl(343,68%,56%)
rgb(219,68,110)
cmyk(0,69,50,14)
hsl(352,68%,56%)
rgb(219,68,88)
cmyk(0,69,60,14)
hsl(1,68%,56%)
rgb(219,68,66)
cmyk(0,69,70,14)
hsl(8,71%,52%)
rgb(219,68,44)
cmyk(0,69,80,14)
hsl(14,82%,47%)
rgb(219,68,22)
cmyk(0,69,90,14)
hsl(19,100%,43%)
rgb(219,68,0)
cmyk(0,69,100,14)

Color shades in Black range

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

hsl(5,60%,44%)
rgb(179,55,45)
cmyk(0,69,75,30)
hsl(5,60%,38%)
rgb(153,47,38)
cmyk(0,69,75,40)
hsl(5,60%,31%)
rgb(128,40,32)
cmyk(0,69,75,50)
hsl(5,60%,25%)
rgb(102,32,25)
cmyk(0,69,75,60)
hsl(5,60%,19%)
rgb(77,24,19)
cmyk(0,69,75,70)
hsl(5,60%,13%)
rgb(51,16,13)
cmyk(0,69,75,80)
hsl(5,60%,6%)
rgb(25,8,6)
cmyk(0,69,75,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(219,68,55) usage in CSS

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


Color #DB4437 usage in CSS

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


Color hsl(5,69%,54%) usage in CSS

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