SlateGray, SlateGrey rgb(112,128,144) / #708090

SlateGray, SlateGrey

rgb(112,128,144)

hsl(210,13%,50%)

cmyk(22,11,0,44)

SlateGray, SlateGrey Color Shades in HSL model

SlateGray, SlateGrey Color Lightness Range

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

hsl(210,13%,10%)
rgb(22,25,29)
cmyk(23,12,0,89) hsl(210,13%,20%)
rgb(44,51,58)
cmyk(23,12,0,77) hsl(210,13%,30%)
rgb(67,76,86)
cmyk(23,12,0,66) hsl(210,13%,40%)
rgb(89,102,115)
cmyk(23,12,0,55) hsl(210,13%,50%)
rgb(111,127,144)
cmyk(23,12,0,44) hsl(210,13%,60%)
rgb(140,153,166)
cmyk(16,8,0,35) hsl(210,13%,70%)
rgb(169,179,188)
cmyk(11,5,0,26) hsl(210,13%,80%)
rgb(197,204,211)
cmyk(6,3,0,17)

SlateGray, SlateGrey Color Saturation Range

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

hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50) hsl(210,10%,50%)
rgb(115,127,140)
cmyk(18,9,0,45) hsl(210,20%,50%)
rgb(102,127,153)
cmyk(33,17,0,40) hsl(210,30%,50%)
rgb(89,127,166)
cmyk(46,23,0,35) hsl(210,40%,50%)
rgb(77,127,179)
cmyk(57,29,0,30) hsl(210,50%,50%)
rgb(64,127,191)
cmyk(67,33,0,25) hsl(210,60%,50%)
rgb(51,127,204)
cmyk(75,38,0,20) hsl(210,70%,50%)
rgb(38,127,217)
cmyk(82,41,0,15)

SlateGray, SlateGrey 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,13%,50%)
rgb(111,144,139)
cmyk(23,0,4,44) hsl(180,13%,50%)
rgb(111,144,144)
cmyk(23,0,0,44) hsl(190,13%,50%)
rgb(111,139,144)
cmyk(23,4,0,44) hsl(200,13%,50%)
rgb(111,133,144)
cmyk(23,8,0,44) hsl(210,13%,50%)
rgb(111,127,144)
cmyk(23,12,0,44) hsl(220,13%,50%)
rgb(111,122,144)
cmyk(23,15,0,44) hsl(230,13%,50%)
rgb(111,116,144)
cmyk(23,19,0,44) hsl(240,13%,50%)
rgb(111,111,144)
cmyk(23,23,0,44)

SlateGray, SlateGrey Color Shades in RGB model range

Color shades in Red range

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

hsl(187,85%,31%)
rgb(12,128,144)
cmyk(92,11,0,44) hsl(189,59%,35%)
rgb(37,128,144)
cmyk(74,11,0,44) hsl(192,40%,40%)
rgb(62,128,144)
cmyk(57,11,0,44) hsl(197,25%,45%)
rgb(87,128,144)
cmyk(40,11,0,44) hsl(210,13%,50%)
rgb(112,128,144)
cmyk(22,11,0,44) hsl(274,7%,53%)
rgb(137,128,144)
cmyk(5,11,0,44) hsl(332,15%,57%)
rgb(162,128,144)
cmyk(0,21,11,36) hsl(344,30%,62%)
rgb(187,128,144)
cmyk(0,32,23,27)

Color shades in Green range

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

hsl(283,67%,34%)
rgb(112,28,144)
cmyk(22,81,0,44) hsl(279,46%,39%)
rgb(112,53,144)
cmyk(22,63,0,44) hsl(271,30%,44%)
rgb(112,78,144)
cmyk(22,46,0,44) hsl(253,17%,48%)
rgb(112,103,144)
cmyk(22,28,0,44) hsl(210,13%,50%)
rgb(112,128,144)
cmyk(22,11,0,44) hsl(167,17%,52%)
rgb(112,153,144)
cmyk(27,0,6,40) hsl(149,30%,57%)
rgb(112,178,144)
cmyk(37,0,19,30) hsl(141,47%,62%)
rgb(112,203,144)
cmyk(45,0,29,20)

Color shades in Blue range

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

hsl(71,49%,34%)
rgb(112,128,44)
cmyk(13,0,66,50) hsl(76,30%,39%)
rgb(112,128,69)
cmyk(13,0,46,50) hsl(88,15%,44%)
rgb(112,128,94)
cmyk(13,0,27,50) hsl(146,7%,47%)
rgb(112,128,119)
cmyk(13,0,7,50) hsl(210,13%,50%)
rgb(112,128,144)
cmyk(22,11,0,44) hsl(223,25%,55%)
rgb(112,128,169)
cmyk(34,24,0,34) hsl(228,40%,60%)
rgb(112,128,194)
cmyk(42,34,0,24) hsl(231,60%,65%)
rgb(112,128,219)
cmyk(49,42,0,14)

SlateGray, SlateGrey Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,7%,53%)
rgb(143,127,143)
cmyk(0,11,0,44) hsl(245,7%,53%)
rgb(129,127,143)
cmyk(10,11,0,44) hsl(213,11%,50%)
rgb(114,127,143)
cmyk(20,11,0,44) hsl(202,18%,48%)
rgb(100,127,143)
cmyk(30,11,0,44) hsl(197,25%,45%)
rgb(86,127,143)
cmyk(40,11,0,44) hsl(193,33%,42%)
rgb(71,127,143)
cmyk(50,11,0,44) hsl(191,43%,39%)
rgb(57,127,143)
cmyk(60,11,0,44) hsl(189,54%,36%)
rgb(43,127,143)
cmyk(70,11,0,44)

Color shades in Magenta range

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

hsl(180,12%,50%)
rgb(111,143,143)
cmyk(22,0,0,44) hsl(207,12%,50%)
rgb(111,129,143)
cmyk(22,10,0,44) hsl(235,12%,50%)
rgb(111,114,143)
cmyk(22,20,0,44) hsl(256,18%,48%)
rgb(111,100,143)
cmyk(22,30,0,44) hsl(267,25%,45%)
rgb(111,86,143)
cmyk(22,40,0,44) hsl(274,33%,42%)
rgb(111,71,143)
cmyk(22,50,0,44) hsl(278,43%,39%)
rgb(111,57,143)
cmyk(22,60,0,44) hsl(281,54%,36%)
rgb(111,43,143)
cmyk(22,70,0,44)

Color shades in Yellow range

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

hsl(210,12%,50%)
rgb(111,127,143)
cmyk(22,11,0,44) hsl(185,7%,47%)
rgb(111,127,129)
cmyk(13,1,0,50) hsl(131,7%,47%)
rgb(111,127,114)
cmyk(12,0,10,50) hsl(95,12%,45%)
rgb(111,127,100)
cmyk(12,0,21,50) hsl(83,19%,42%)
rgb(111,127,86)
cmyk(12,0,33,50) hsl(77,28%,39%)
rgb(111,127,71)
cmyk(12,0,44,50) hsl(73,38%,36%)
rgb(111,127,57)
cmyk(12,0,55,50) hsl(71,50%,33%)
rgb(111,127,43)
cmyk(12,0,66,50)

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(112,128,144) usage in CSS


.bg-rgb-color { background-color: rgb(112,128,144); }

.text-rgb-color { color: rgb(112,128,144); }

.border-rgb-color { border: 1px solid rgb(112,128,144); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(112,128,144); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(112,128,144); }

Color #708090 usage in CSS


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

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

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

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

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

Color hsl(210,13%,50%) usage in CSS


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

.text-rgb-color { color: hsl(210,13%,50%); }

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

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

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