LightSlateGray, LightSlateGrey rgb(119,136,153) / #778899

LightSlateGray, LightSlateGrey

rgb(119,136,153)

hsl(210,14%,53%)

cmyk(22,11,0,40)

LightSlateGray, LightSlateGrey Color Shades in HSL model

LightSlateGray, LightSlateGrey Color Lightness Range

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

hsl(210,14%,13%)
rgb(29,33,38)
cmyk(25,12,0,85) hsl(210,14%,23%)
rgb(50,59,67)
cmyk(25,12,0,74) hsl(210,14%,33%)
rgb(72,84,96)
cmyk(25,12,0,62) hsl(210,14%,43%)
rgb(94,110,125)
cmyk(25,12,0,51) hsl(210,14%,53%)
rgb(118,135,152)
cmyk(22,11,0,40) hsl(210,14%,63%)
rgb(147,161,174)
cmyk(15,8,0,32) hsl(210,14%,73%)
rgb(177,186,196)
cmyk(10,5,0,23) hsl(210,14%,83%)
rgb(206,212,218)
cmyk(6,3,0,15)

LightSlateGray, LightSlateGrey Color Saturation Range

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

hsl(0,0%,53%)
rgb(135,135,135)
cmyk(0,0,0,47) hsl(210,10%,53%)
rgb(123,135,147)
cmyk(16,8,0,42) hsl(210,20%,53%)
rgb(111,135,159)
cmyk(30,15,0,38) hsl(210,30%,53%)
rgb(99,135,171)
cmyk(42,21,0,33) hsl(210,40%,53%)
rgb(87,135,183)
cmyk(52,26,0,28) hsl(210,50%,53%)
rgb(75,135,195)
cmyk(61,31,0,24) hsl(210,60%,53%)
rgb(63,135,207)
cmyk(69,35,0,19) hsl(210,70%,53%)
rgb(51,135,219)
cmyk(77,38,0,14)

LightSlateGray, LightSlateGrey 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(170,14%,53%)
rgb(118,152,146)
cmyk(22,0,4,40) hsl(180,14%,53%)
rgb(118,152,152)
cmyk(22,0,0,40) hsl(190,14%,53%)
rgb(118,146,152)
cmyk(22,4,0,40) hsl(200,14%,53%)
rgb(118,141,152)
cmyk(22,7,0,40) hsl(210,14%,53%)
rgb(118,135,152)
cmyk(22,11,0,40) hsl(220,14%,53%)
rgb(118,130,152)
cmyk(22,15,0,40) hsl(230,14%,53%)
rgb(118,124,152)
cmyk(22,18,0,40) hsl(240,14%,53%)
rgb(118,118,152)
cmyk(22,22,0,40)

LightSlateGray, LightSlateGrey Color Shades in RGB model range

Color shades in Red range

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

hsl(188,78%,34%)
rgb(19,136,153)
cmyk(88,11,0,40) hsl(189,55%,39%)
rgb(44,136,153)
cmyk(71,11,0,40) hsl(192,38%,44%)
rgb(69,136,153)
cmyk(55,11,0,40) hsl(197,24%,48%)
rgb(94,136,153)
cmyk(39,11,0,40) hsl(210,14%,53%)
rgb(119,136,153)
cmyk(22,11,0,40) hsl(268,8%,57%)
rgb(144,136,153)
cmyk(6,11,0,40) hsl(329,16%,60%)
rgb(169,136,153)
cmyk(0,20,9,34) hsl(342,32%,65%)
rgb(194,136,153)
cmyk(0,30,21,24)

Color shades in Green range

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

hsl(283,62%,37%)
rgb(119,36,153)
cmyk(22,76,0,40) hsl(278,43%,42%)
rgb(119,61,153)
cmyk(22,60,0,40) hsl(270,28%,47%)
rgb(119,86,153)
cmyk(22,44,0,40) hsl(251,17%,52%)
rgb(119,111,153)
cmyk(22,27,0,40) hsl(210,14%,53%)
rgb(119,136,153)
cmyk(22,11,0,40) hsl(169,18%,55%)
rgb(119,161,153)
cmyk(26,0,5,37) hsl(150,33%,60%)
rgb(119,186,153)
cmyk(36,0,18,27) hsl(142,51%,65%)
rgb(119,211,153)
cmyk(44,0,27,17)

Color shades in Blue range

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

hsl(72,44%,37%)
rgb(119,136,53)
cmyk(12,0,61,47) hsl(78,27%,42%)
rgb(119,136,78)
cmyk(12,0,43,47) hsl(91,14%,47%)
rgb(119,136,103)
cmyk(12,0,24,47) hsl(152,7%,50%)
rgb(119,136,128)
cmyk(12,0,6,47) hsl(210,14%,53%)
rgb(119,136,153)
cmyk(22,11,0,40) hsl(223,28%,58%)
rgb(119,136,178)
cmyk(33,24,0,30) hsl(228,45%,63%)
rgb(119,136,203)
cmyk(41,33,0,20) hsl(231,67%,68%)
rgb(119,136,228)
cmyk(48,40,0,11)

LightSlateGray, LightSlateGrey Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,8%,57%)
rgb(153,136,153)
cmyk(0,11,0,40) hsl(245,8%,57%)
rgb(138,136,153)
cmyk(10,11,0,40) hsl(213,13%,54%)
rgb(122,136,153)
cmyk(20,11,0,40) hsl(202,18%,51%)
rgb(107,136,153)
cmyk(30,11,0,40) hsl(196,25%,48%)
rgb(92,136,153)
cmyk(40,11,0,40) hsl(193,33%,45%)
rgb(77,136,153)
cmyk(50,11,0,40) hsl(191,43%,42%)
rgb(61,136,153)
cmyk(60,11,0,40) hsl(189,54%,39%)
rgb(46,136,153)
cmyk(70,11,0,40)

Color shades in Magenta range

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

hsl(180,14%,53%)
rgb(119,153,153)
cmyk(22,0,0,40) hsl(207,14%,53%)
rgb(119,138,153)
cmyk(22,10,0,40) hsl(235,14%,53%)
rgb(119,122,153)
cmyk(22,20,0,40) hsl(256,18%,51%)
rgb(119,107,153)
cmyk(22,30,0,40) hsl(267,25%,48%)
rgb(119,92,153)
cmyk(22,40,0,40) hsl(274,33%,45%)
rgb(119,77,153)
cmyk(22,50,0,40) hsl(278,43%,42%)
rgb(119,61,153)
cmyk(22,60,0,40) hsl(281,54%,39%)
rgb(119,46,153)
cmyk(22,70,0,40)

Color shades in Yellow range

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

hsl(210,14%,53%)
rgb(119,136,153)
cmyk(22,11,0,40) hsl(185,7%,50%)
rgb(119,136,138)
cmyk(13,1,0,46) hsl(131,7%,50%)
rgb(119,136,122)
cmyk(12,0,10,47) hsl(95,12%,48%)
rgb(119,136,107)
cmyk(12,0,21,47) hsl(83,19%,45%)
rgb(119,136,92)
cmyk(12,0,33,47) hsl(77,28%,42%)
rgb(119,136,77)
cmyk(12,0,44,47) hsl(73,38%,39%)
rgb(119,136,61)
cmyk(12,0,55,47) hsl(71,50%,36%)
rgb(119,136,46)
cmyk(12,0,66,47)

Color shades in Black range

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

hsl(210,100%,89%)
rgb(199,227,255)
cmyk(22,11,0,0) hsl(210,50%,80%)
rgb(179,204,230)
cmyk(22,11,0,10) hsl(210,31%,71%)
rgb(159,182,204)
cmyk(22,11,0,20) hsl(210,20%,62%)
rgb(139,159,179)
cmyk(22,11,0,30) hsl(210,14%,53%)
rgb(119,136,153)
cmyk(22,11,0,40) hsl(210,12%,45%)
rgb(99,113,128)
cmyk(22,11,0,50) hsl(210,12%,36%)
rgb(80,91,102)
cmyk(22,11,0,60) hsl(210,12%,27%)
rgb(60,68,77)
cmyk(22,11,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(119,136,153) usage in CSS


.bg-rgb-color { background-color: rgb(119,136,153); }

.text-rgb-color { color: rgb(119,136,153); }

.border-rgb-color { border: 1px solid rgb(119,136,153); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(119,136,153); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(119,136,153); }

Color #778899 usage in CSS


.bg-rgb-color { background-color: #778899; }

.text-rgb-color { color: #778899; }

.border-rgb-color { border: 1px solid #778899; }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px #778899; }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px #778899; }

Color hsl(210,14%,53%) usage in CSS


.bg-rgb-color { background-color: hsl(210,14%,53%); }

.text-rgb-color { color: hsl(210,14%,53%); }

.border-rgb-color { border: 1px solid hsl(210,14%,53%); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(210,14%,53%); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(210,14%,53%); }