SteelBlue rgb(70,130,180) / #4682B4

SteelBlue

rgb(70,130,180)

hsl(207,44%,49%)

cmyk(61,28,0,29)


SteelBlue Color Shades in HSL model

SteelBlue Color Lightness Range

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

hsl(207,44%,9%)
rgb(13,24,33)
cmyk(61,27,0,87)
hsl(207,44%,19%)
rgb(27,51,70)
cmyk(61,28,0,73)
hsl(207,44%,29%)
rgb(41,77,106)
cmyk(61,28,0,58)
hsl(207,44%,39%)
rgb(56,104,143)
cmyk(61,28,0,44)
hsl(207,44%,49%)
rgb(70,130,180)
cmyk(61,27,0,29)
hsl(207,44%,59%)
rgb(104,155,196)
cmyk(47,21,0,23)
hsl(207,44%,69%)
rgb(141,179,211)
cmyk(33,15,0,17)
hsl(207,44%,79%)
rgb(178,204,225)
cmyk(21,9,0,12)

SteelBlue Color Saturation Range

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

hsl(207,4%,49%)
rgb(120,125,130)
cmyk(8,3,0,49)
hsl(207,14%,49%)
rgb(107,127,142)
cmyk(25,11,0,44)
hsl(207,24%,49%)
rgb(95,128,155)
cmyk(39,17,0,39)
hsl(207,34%,49%)
rgb(82,129,167)
cmyk(51,23,0,34)
hsl(207,44%,49%)
rgb(70,130,180)
cmyk(61,27,0,29)
hsl(207,54%,49%)
rgb(57,132,192)
cmyk(70,32,0,25)
hsl(207,64%,49%)
rgb(45,133,205)
cmyk(78,35,0,20)
hsl(207,74%,49%)
rgb(32,134,217)
cmyk(85,38,0,15)

SteelBlue 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(167,44%,49%)
rgb(70,180,156)
cmyk(61,0,13,29)
hsl(177,44%,49%)
rgb(70,180,174)
cmyk(61,0,3,29)
hsl(187,44%,49%)
rgb(70,167,180)
cmyk(61,7,0,29)
hsl(197,44%,49%)
rgb(70,149,180)
cmyk(61,17,0,29)
hsl(207,44%,49%)
rgb(70,130,180)
cmyk(61,27,0,29)
hsl(217,44%,49%)
rgb(70,112,180)
cmyk(61,38,0,29)
hsl(227,44%,49%)
rgb(70,94,180)
cmyk(61,48,0,29)
hsl(237,44%,49%)
rgb(70,75,180)
cmyk(61,58,0,29)

SteelBlue Color Shades in RGB model range

Color shades in Red range

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

hsl(197,100%,35%)
rgb(0,130,180)
cmyk(100,28,0,29)
hsl(199,76%,40%)
rgb(25,130,180)
cmyk(86,28,0,29)
hsl(203,57%,45%)
rgb(50,130,180)
cmyk(72,28,0,29)
hsl(209,41%,50%)
rgb(75,130,180)
cmyk(58,28,0,29)
hsl(218,35%,55%)
rgb(100,130,180)
cmyk(44,28,0,29)
hsl(235,27%,60%)
rgb(125,130,180)
cmyk(31,28,0,29)
hsl(264,25%,61%)
rgb(150,130,180)
cmyk(17,28,0,29)
hsl(294,25%,61%)
rgb(175,130,180)
cmyk(3,28,0,29)

Color shades in Green range

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

hsl(256,71%,41%)
rgb(70,30,180)
cmyk(61,83,0,29)
hsl(247,53%,46%)
rgb(70,55,180)
cmyk(61,69,0,29)
hsl(235,44%,49%)
rgb(70,80,180)
cmyk(61,56,0,29)
hsl(221,44%,49%)
rgb(70,105,180)
cmyk(61,42,0,29)
hsl(207,44%,49%)
rgb(70,130,180)
cmyk(61,28,0,29)
hsl(194,44%,49%)
rgb(70,155,180)
cmyk(61,14,0,29)
hsl(180,44%,49%)
rgb(70,180,180)
cmyk(61,0,0,29)
hsl(169,57%,54%)
rgb(70,205,180)
cmyk(66,0,12,20)

Color shades in Blue range

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

hsl(130,30%,39%)
rgb(70,130,80)
cmyk(46,0,38,49)
hsl(155,30%,39%)
rgb(70,130,105)
cmyk(46,0,19,49)
hsl(180,30%,39%)
rgb(70,130,130)
cmyk(46,0,0,49)
hsl(198,38%,44%)
rgb(70,130,155)
cmyk(55,16,0,39)
hsl(207,44%,49%)
rgb(70,130,180)
cmyk(61,28,0,29)
hsl(213,57%,54%)
rgb(70,130,205)
cmyk(66,37,0,20)
hsl(218,76%,59%)
rgb(70,130,230)
cmyk(70,43,0,10)
hsl(221,100%,64%)
rgb(70,130,255)
cmyk(73,49,0,0)

SteelBlue Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(255,26%,61%)
rgb(143,130,181)
cmyk(21,28,0,29)
hsl(234,28%,60%)
rgb(125,130,181)
cmyk(31,28,0,29)
hsl(221,33%,56%)
rgb(107,130,181)
cmyk(41,28,0,29)
hsl(213,38%,53%)
rgb(89,130,181)
cmyk(51,28,0,29)
hsl(208,44%,49%)
rgb(71,130,181)
cmyk(61,28,0,29)
hsl(204,55%,46%)
rgb(53,130,181)
cmyk(71,28,0,29)
hsl(201,68%,42%)
rgb(34,130,181)
cmyk(81,28,0,29)
hsl(198,83%,39%)
rgb(16,130,181)
cmyk(91,28,0,29)

Color shades in Magenta range

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

hsl(180,44%,49%)
rgb(71,181,181)
cmyk(61,0,0,29)
hsl(190,44%,49%)
rgb(71,163,181)
cmyk(61,10,0,29)
hsl(200,44%,49%)
rgb(71,145,181)
cmyk(61,20,0,29)
hsl(210,44%,49%)
rgb(71,127,181)
cmyk(61,30,0,29)
hsl(219,44%,49%)
rgb(71,109,181)
cmyk(61,40,0,29)
hsl(229,44%,49%)
rgb(71,91,181)
cmyk(61,50,0,29)
hsl(239,44%,49%)
rgb(71,72,181)
cmyk(61,60,0,29)
hsl(248,54%,46%)
rgb(71,54,181)
cmyk(61,70,0,29)

Color shades in Yellow range

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

hsl(208,44%,49%)
rgb(71,130,181)
cmyk(61,28,0,29)
hsl(201,40%,46%)
rgb(71,130,163)
cmyk(57,20,0,36)
hsl(192,34%,42%)
rgb(71,130,145)
cmyk(51,10,0,43)
hsl(176,30%,39%)
rgb(71,130,127)
cmyk(46,0,3,49)
hsl(158,30%,39%)
rgb(71,130,109)
cmyk(46,0,17,49)
hsl(140,30%,39%)
rgb(71,130,91)
cmyk(46,0,31,49)
hsl(122,30%,39%)
rgb(71,130,72)
cmyk(46,0,44,49)
hsl(107,41%,36%)
rgb(71,130,54)
cmyk(46,0,58,49)

Color shades in Black range

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

hsl(208,100%,70%)
rgb(99,184,255)
cmyk(61,28,0,0)
hsl(208,73%,63%)
rgb(90,165,230)
cmyk(61,28,0,10)
hsl(208,55%,56%)
rgb(80,147,204)
cmyk(61,28,0,20)
hsl(208,44%,49%)
rgb(70,129,179)
cmyk(61,28,0,30)
hsl(208,44%,42%)
rgb(60,110,153)
cmyk(61,28,0,40)
hsl(208,44%,35%)
rgb(50,92,128)
cmyk(61,28,0,50)
hsl(208,44%,28%)
rgb(40,73,102)
cmyk(61,28,0,60)
hsl(208,44%,21%)
rgb(30,55,77)
cmyk(61,28,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(70,130,180) usage in CSS

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


Color #4682B4 usage in CSS

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


Color hsl(207,44%,49%) usage in CSS

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