FireBrick rgb(178,34,34) / #B22222

FireBrick

rgb(178,34,34)

hsl(0,68%,42%)

cmyk(0,81,81,30)


FireBrick Color Shades in HSL model

FireBrick Color Lightness Range

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

hsl(0,68%,2%)
rgb(9,2,2)
cmyk(0,81,81,97)
hsl(0,68%,12%)
rgb(51,10,10)
cmyk(0,81,81,80)
hsl(0,68%,22%)
rgb(94,18,18)
cmyk(0,81,81,63)
hsl(0,68%,32%)
rgb(137,26,26)
cmyk(0,81,81,46)
hsl(0,68%,42%)
rgb(180,34,34)
cmyk(0,81,81,29)
hsl(0,68%,52%)
rgb(216,49,49)
cmyk(0,77,77,15)
hsl(0,68%,62%)
rgb(224,92,92)
cmyk(0,59,59,12)
hsl(0,68%,72%)
rgb(232,135,135)
cmyk(0,42,42,9)

FireBrick Color Saturation Range

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

hsl(0,28%,42%)
rgb(137,77,77)
cmyk(0,44,44,46)
hsl(0,38%,42%)
rgb(148,66,66)
cmyk(0,55,55,42)
hsl(0,48%,42%)
rgb(159,56,56)
cmyk(0,65,65,38)
hsl(0,58%,42%)
rgb(169,45,45)
cmyk(0,73,73,34)
hsl(0,68%,42%)
rgb(180,34,34)
cmyk(0,81,81,29)
hsl(0,78%,42%)
rgb(191,24,24)
cmyk(0,88,88,25)
hsl(0,88%,42%)
rgb(201,13,13)
cmyk(0,94,94,21)
hsl(0,98%,42%)
rgb(212,2,2)
cmyk(0,99,99,17)

FireBrick 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,68%,42%)
rgb(180,34,34)
cmyk(0,81,81,29)
hsl(10,68%,42%)
rgb(180,59,34)
cmyk(0,67,81,29)
hsl(20,68%,42%)
rgb(180,83,34)
cmyk(0,54,81,29)
hsl(30,68%,42%)
rgb(180,107,34)
cmyk(0,40,81,29)
hsl(40,68%,42%)
rgb(180,131,34)
cmyk(0,27,81,29)
hsl(50,68%,42%)
rgb(180,156,34)
cmyk(0,13,81,29)
hsl(60,68%,42%)
rgb(180,180,34)
cmyk(0,0,81,29)
hsl(70,68%,42%)
rgb(156,180,34)
cmyk(13,0,81,29)

FireBrick Color Shades in RGB model range

Color shades in Red range

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

hsl(0,39%,22%)
rgb(78,34,34)
cmyk(0,56,56,69)
hsl(0,50%,27%)
rgb(103,34,34)
cmyk(0,67,67,60)
hsl(0,58%,32%)
rgb(128,34,34)
cmyk(0,73,73,50)
hsl(0,64%,37%)
rgb(153,34,34)
cmyk(0,78,78,40)
hsl(0,68%,42%)
rgb(178,34,34)
cmyk(0,81,81,30)
hsl(0,71%,46%)
rgb(203,34,34)
cmyk(0,83,83,20)
hsl(0,78%,51%)
rgb(228,34,34)
cmyk(0,85,85,11)
hsl(0,98%,56%)
rgb(253,34,34)
cmyk(0,87,87,1)

Color shades in Green range

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

hsl(349,100%,35%)
rgb(178,0,34)
cmyk(0,100,81,30)
hsl(356,75%,40%)
rgb(178,25,34)
cmyk(0,86,81,30)
hsl(7,68%,42%)
rgb(178,50,34)
cmyk(0,72,81,30)
hsl(17,68%,42%)
rgb(178,75,34)
cmyk(0,58,81,30)
hsl(27,68%,42%)
rgb(178,100,34)
cmyk(0,44,81,30)
hsl(38,68%,42%)
rgb(178,125,34)
cmyk(0,30,81,30)
hsl(48,68%,42%)
rgb(178,150,34)
cmyk(0,16,81,30)
hsl(59,68%,42%)
rgb(178,175,34)
cmyk(0,2,81,30)

Color shades in Blue range

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

hsl(11,100%,35%)
rgb(178,34,0)
cmyk(0,81,100,30)
hsl(4,75%,40%)
rgb(178,34,25)
cmyk(0,81,86,30)
hsl(353,68%,42%)
rgb(178,34,50)
cmyk(0,81,72,30)
hsl(343,68%,42%)
rgb(178,34,75)
cmyk(0,81,58,30)
hsl(333,68%,42%)
rgb(178,34,100)
cmyk(0,81,44,30)
hsl(322,68%,42%)
rgb(178,34,125)
cmyk(0,81,30,30)
hsl(312,68%,42%)
rgb(178,34,150)
cmyk(0,81,16,30)
hsl(301,68%,42%)
rgb(178,34,175)
cmyk(0,81,2,30)

FireBrick Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,68%,42%)
rgb(179,34,34)
cmyk(0,81,81,30)
hsl(0,65%,38%)
rgb(161,34,34)
cmyk(0,79,79,37)
hsl(0,62%,35%)
rgb(143,34,34)
cmyk(0,76,76,44)
hsl(0,57%,31%)
rgb(125,34,34)
cmyk(0,73,73,51)
hsl(0,52%,28%)
rgb(107,34,34)
cmyk(0,68,68,58)
hsl(0,45%,24%)
rgb(89,34,34)
cmyk(0,62,62,65)
hsl(0,36%,21%)
rgb(71,34,34)
cmyk(0,53,53,72)
hsl(0,22%,17%)
rgb(54,34,34)
cmyk(0,37,37,79)

Color shades in Magenta range

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

hsl(38,68%,42%)
rgb(179,125,34)
cmyk(0,30,81,30)
hsl(30,68%,42%)
rgb(179,107,34)
cmyk(0,40,81,30)
hsl(23,68%,42%)
rgb(179,89,34)
cmyk(0,50,81,30)
hsl(16,68%,42%)
rgb(179,71,34)
cmyk(0,60,81,30)
hsl(8,68%,42%)
rgb(179,54,34)
cmyk(0,70,81,30)
hsl(1,68%,42%)
rgb(179,36,34)
cmyk(0,80,81,30)
hsl(354,82%,39%)
rgb(179,18,34)
cmyk(0,90,81,30)
hsl(349,100%,35%)
rgb(179,0,34)
cmyk(0,100,81,30)

Color shades in Yellow range

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

hsl(322,68%,42%)
rgb(179,34,125)
cmyk(0,81,30,30)
hsl(330,68%,42%)
rgb(179,34,107)
cmyk(0,81,40,30)
hsl(337,68%,42%)
rgb(179,34,89)
cmyk(0,81,50,30)
hsl(344,68%,42%)
rgb(179,34,71)
cmyk(0,81,60,30)
hsl(352,68%,42%)
rgb(179,34,54)
cmyk(0,81,70,30)
hsl(359,68%,42%)
rgb(179,34,36)
cmyk(0,81,80,30)
hsl(6,82%,39%)
rgb(179,34,18)
cmyk(0,81,90,30)
hsl(11,100%,35%)
rgb(179,34,0)
cmyk(0,81,100,30)

Color shades in Black range

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

hsl(0,68%,42%)
rgb(179,34,34)
cmyk(0,81,81,30)
hsl(0,68%,36%)
rgb(153,29,29)
cmyk(0,81,81,40)
hsl(0,68%,30%)
rgb(128,24,24)
cmyk(0,81,81,50)
hsl(0,68%,24%)
rgb(102,19,19)
cmyk(0,81,81,60)
hsl(0,68%,18%)
rgb(77,15,15)
cmyk(0,81,81,70)
hsl(0,68%,12%)
rgb(51,10,10)
cmyk(0,81,81,80)
hsl(0,68%,6%)
rgb(25,5,5)
cmyk(0,81,81,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(178,34,34) usage in CSS

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


Color #B22222 usage in CSS

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


Color hsl(0,68%,42%) usage in CSS

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