LightSteelBlue rgb(176,196,222) / #B0C4DE

LightSteelBlue

rgb(176,196,222)

hsl(214,41%,78%)

cmyk(21,12,0,13)


LightSteelBlue Color Shades in HSL model

LightSteelBlue Color Lightness Range

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

hsl(214,41%,30%)
rgb(45,72,108)
cmyk(58,33,0,58)
hsl(214,41%,40%)
rgb(60,96,144)
cmyk(58,33,0,44)
hsl(214,41%,50%)
rgb(75,121,180)
cmyk(58,33,0,30)
hsl(214,41%,60%)
rgb(111,147,195)
cmyk(43,24,0,24)
hsl(214,41%,70%)
rgb(147,174,210)
cmyk(30,17,0,18)
hsl(214,41%,80%)
rgb(183,201,225)
cmyk(19,11,0,12)
hsl(214,41%,90%)
rgb(219,228,240)
cmyk(9,5,0,6)
hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)

LightSteelBlue Color Saturation Range

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

hsl(214,1%,78%)
rgb(198,199,199)
cmyk(1,0,0,22)
hsl(214,11%,78%)
rgb(193,198,205)
cmyk(6,3,0,20)
hsl(214,21%,78%)
rgb(187,197,211)
cmyk(11,6,0,17)
hsl(214,31%,78%)
rgb(182,197,216)
cmyk(16,9,0,15)
hsl(214,41%,78%)
rgb(176,196,222)
cmyk(21,12,0,13)
hsl(214,51%,78%)
rgb(170,195,228)
cmyk(25,14,0,11)
hsl(214,61%,78%)
rgb(165,194,233)
cmyk(29,17,0,9)
hsl(214,71%,78%)
rgb(159,194,239)
cmyk(33,19,0,6)

LightSteelBlue 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(174,41%,78%)
rgb(176,222,217)
cmyk(21,0,2,13)
hsl(184,41%,78%)
rgb(176,219,222)
cmyk(21,1,0,13)
hsl(194,41%,78%)
rgb(176,211,222)
cmyk(21,5,0,13)
hsl(204,41%,78%)
rgb(176,204,222)
cmyk(21,8,0,13)
hsl(214,41%,78%)
rgb(176,196,222)
cmyk(21,12,0,13)
hsl(224,41%,78%)
rgb(176,188,222)
cmyk(21,15,0,13)
hsl(234,41%,78%)
rgb(176,180,222)
cmyk(21,19,0,13)
hsl(244,41%,78%)
rgb(179,176,222)
cmyk(19,21,0,13)

LightSteelBlue Color Shades in RGB model range

Color shades in Red range

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

hsl(191,69%,58%)
rgb(76,196,222)
cmyk(66,12,0,13)
hsl(193,65%,63%)
rgb(101,196,222)
cmyk(55,12,0,13)
hsl(196,59%,68%)
rgb(126,196,222)
cmyk(43,12,0,13)
hsl(202,52%,73%)
rgb(151,196,222)
cmyk(32,12,0,13)
hsl(214,41%,78%)
rgb(176,196,222)
cmyk(21,12,0,13)
hsl(252,28%,82%)
rgb(201,196,222)
cmyk(9,12,0,13)
hsl(308,34%,83%)
rgb(226,196,222)
cmyk(0,13,2,11)
hsl(332,87%,88%)
rgb(251,196,222)
cmyk(0,22,12,2)

Color shades in Green range

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

hsl(281,68%,59%)
rgb(176,80,222)
cmyk(21,64,0,13)
hsl(276,64%,64%)
rgb(176,105,222)
cmyk(21,53,0,13)
hsl(270,58%,69%)
rgb(176,130,222)
cmyk(21,41,0,13)
hsl(259,50%,74%)
rgb(176,155,222)
cmyk(21,30,0,13)
hsl(235,41%,78%)
rgb(176,180,222)
cmyk(21,19,0,13)
hsl(202,41%,78%)
rgb(176,205,222)
cmyk(21,8,0,13)
hsl(171,52%,80%)
rgb(176,230,222)
cmyk(23,0,3,10)
hsl(155,100%,85%)
rgb(176,255,222)
cmyk(31,0,13,0)

Color shades in Blue range

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

hsl(70,50%,54%)
rgb(176,196,80)
cmyk(10,0,59,23)
hsl(73,44%,59%)
rgb(176,196,105)
cmyk(10,0,46,23)
hsl(78,36%,64%)
rgb(176,196,130)
cmyk(10,0,34,23)
hsl(89,26%,69%)
rgb(176,196,155)
cmyk(10,0,21,23)
hsl(132,14%,73%)
rgb(176,196,180)
cmyk(10,0,8,23)
hsl(199,22%,75%)
rgb(176,196,205)
cmyk(14,4,0,20)
hsl(218,52%,80%)
rgb(176,196,230)
cmyk(23,15,0,10)
hsl(225,100%,85%)
rgb(176,196,255)
cmyk(31,23,0,0)

LightSteelBlue Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,29%,82%)
rgb(222,195,222)
cmyk(0,12,0,13)
hsl(250,29%,82%)
rgb(200,195,222)
cmyk(10,12,0,13)
hsl(216,40%,78%)
rgb(177,195,222)
cmyk(20,12,0,13)
hsl(204,50%,74%)
rgb(155,195,222)
cmyk(30,12,0,13)
hsl(198,57%,70%)
rgb(133,195,222)
cmyk(40,12,0,13)
hsl(194,63%,65%)
rgb(111,195,222)
cmyk(50,12,0,13)
hsl(192,67%,61%)
rgb(89,195,222)
cmyk(60,12,0,13)
hsl(190,70%,57%)
rgb(67,195,222)
cmyk(70,12,0,13)

Color shades in Magenta range

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

hsl(180,41%,78%)
rgb(175,222,222)
cmyk(21,0,0,13)
hsl(209,41%,78%)
rgb(175,200,222)
cmyk(21,10,0,13)
hsl(237,41%,78%)
rgb(175,177,222)
cmyk(21,20,0,13)
hsl(258,50%,74%)
rgb(175,155,222)
cmyk(21,30,0,13)
hsl(268,57%,70%)
rgb(175,133,222)
cmyk(21,40,0,13)
hsl(275,63%,65%)
rgb(175,111,222)
cmyk(21,50,0,13)
hsl(279,67%,61%)
rgb(175,89,222)
cmyk(21,60,0,13)
hsl(282,70%,57%)
rgb(175,67,222)
cmyk(21,70,0,13)

Color shades in Yellow range

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

hsl(214,41%,78%)
rgb(175,195,222)
cmyk(21,12,0,13)
hsl(191,18%,74%)
rgb(175,195,200)
cmyk(12,2,0,22)
hsl(127,14%,73%)
rgb(175,195,177)
cmyk(10,0,9,23)
hsl(90,25%,69%)
rgb(175,195,155)
cmyk(10,0,20,23)
hsl(79,34%,64%)
rgb(175,195,133)
cmyk(10,0,32,23)
hsl(74,41%,60%)
rgb(175,195,111)
cmyk(10,0,43,23)
hsl(71,47%,56%)
rgb(175,195,89)
cmyk(10,0,55,23)
hsl(69,52%,51%)
rgb(175,195,67)
cmyk(10,0,66,23)

Color shades in Black range

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

hsl(214,100%,90%)
rgb(201,224,255)
cmyk(21,12,0,0)
hsl(214,49%,81%)
rgb(181,202,230)
cmyk(21,12,0,10)
hsl(214,30%,72%)
rgb(161,180,204)
cmyk(21,12,0,20)
hsl(214,20%,63%)
rgb(141,157,179)
cmyk(21,12,0,30)
hsl(214,14%,54%)
rgb(121,135,153)
cmyk(21,12,0,40)
hsl(214,12%,45%)
rgb(101,112,128)
cmyk(21,12,0,50)
hsl(214,12%,36%)
rgb(81,90,102)
cmyk(21,12,0,60)
hsl(214,12%,27%)
rgb(60,67,77)
cmyk(21,12,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(176,196,222) usage in CSS

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


Color #B0C4DE usage in CSS

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


Color hsl(214,41%,78%) usage in CSS

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