CornflowerBlue rgb(100,149,237) / #6495ED

CornflowerBlue

rgb(100,149,237)

hsl(219,79%,66%)

cmyk(58,37,0,7)


CornflowerBlue Color Shades in HSL model

CornflowerBlue Color Lightness Range

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

hsl(219,79%,26%)
rgb(14,51,119)
cmyk(88,57,0,53)
hsl(219,79%,36%)
rgb(19,70,164)
cmyk(88,57,0,36)
hsl(219,79%,46%)
rgb(25,89,210)
cmyk(88,57,0,18)
hsl(219,79%,56%)
rgb(54,116,231)
cmyk(77,50,0,9)
hsl(219,79%,66%)
rgb(100,148,237)
cmyk(58,38,0,7)
hsl(219,79%,76%)
rgb(145,179,242)
cmyk(40,26,0,5)
hsl(219,79%,86%)
rgb(191,211,248)
cmyk(23,15,0,3)
hsl(219,79%,96%)
rgb(237,242,253)
cmyk(6,4,0,1)

CornflowerBlue Color Saturation Range

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

hsl(219,30%,66%)
rgb(142,160,194)
cmyk(27,17,0,24)
hsl(219,40%,66%)
rgb(134,158,203)
cmyk(34,22,0,20)
hsl(219,50%,66%)
rgb(125,155,212)
cmyk(41,27,0,17)
hsl(219,60%,66%)
rgb(116,153,220)
cmyk(47,31,0,14)
hsl(219,70%,66%)
rgb(108,150,229)
cmyk(53,34,0,10)
hsl(219,80%,66%)
rgb(99,147,238)
cmyk(58,38,0,7)
hsl(219,90%,66%)
rgb(90,145,246)
cmyk(63,41,0,3)
hsl(219,100%,66%)
rgb(82,142,255)
cmyk(68,44,0,0)

CornflowerBlue 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(179,79%,66%)
rgb(100,237,235)
cmyk(58,0,1,7)
hsl(189,79%,66%)
rgb(100,216,237)
cmyk(58,9,0,7)
hsl(199,79%,66%)
rgb(100,193,237)
cmyk(58,18,0,7)
hsl(209,79%,66%)
rgb(100,171,237)
cmyk(58,28,0,7)
hsl(219,79%,66%)
rgb(100,148,237)
cmyk(58,38,0,7)
hsl(229,79%,66%)
rgb(100,125,237)
cmyk(58,47,0,7)
hsl(239,79%,66%)
rgb(100,102,237)
cmyk(58,57,0,7)
hsl(249,79%,66%)
rgb(120,100,237)
cmyk(49,58,0,7)

CornflowerBlue Color Shades in RGB model range

Color shades in Red range

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

hsl(202,100%,46%)
rgb(0,149,237)
cmyk(100,37,0,7)
hsl(205,85%,51%)
rgb(25,149,237)
cmyk(89,37,0,7)
hsl(208,84%,56%)
rgb(50,149,237)
cmyk(79,37,0,7)
hsl(213,82%,61%)
rgb(75,149,237)
cmyk(68,37,0,7)
hsl(219,79%,66%)
rgb(100,149,237)
cmyk(58,37,0,7)
hsl(227,76%,71%)
rgb(125,149,237)
cmyk(47,37,0,7)
hsl(241,71%,76%)
rgb(150,149,237)
cmyk(37,37,0,7)
hsl(258,71%,76%)
rgb(175,149,237)
cmyk(26,37,0,7)

Color shades in Green range

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

hsl(256,84%,56%)
rgb(100,49,237)
cmyk(58,79,0,7)
hsl(250,82%,61%)
rgb(100,74,237)
cmyk(58,69,0,7)
hsl(240,79%,66%)
rgb(100,99,237)
cmyk(58,58,0,7)
hsl(229,79%,66%)
rgb(100,124,237)
cmyk(58,48,0,7)
hsl(219,79%,66%)
rgb(100,149,237)
cmyk(58,37,0,7)
hsl(208,79%,66%)
rgb(100,174,237)
cmyk(58,27,0,7)
hsl(197,79%,66%)
rgb(100,199,237)
cmyk(58,16,0,7)
hsl(186,79%,66%)
rgb(100,224,237)
cmyk(58,5,0,7)

Color shades in Blue range

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

hsl(103,30%,45%)
rgb(100,149,80)
cmyk(33,0,46,42)
hsl(126,20%,49%)
rgb(100,149,105)
cmyk(33,0,30,42)
hsl(157,20%,49%)
rgb(100,149,130)
cmyk(33,0,13,42)
hsl(187,22%,50%)
rgb(100,149,155)
cmyk(35,4,0,39)
hsl(203,35%,55%)
rgb(100,149,180)
cmyk(44,17,0,29)
hsl(212,51%,60%)
rgb(100,149,205)
cmyk(51,27,0,20)
hsl(217,72%,65%)
rgb(100,149,230)
cmyk(57,35,0,10)
hsl(221,100%,70%)
rgb(100,149,255)
cmyk(61,42,0,0)

CornflowerBlue Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(271,71%,76%)
rgb(194,149,237)
cmyk(18,37,0,7)
hsl(255,71%,76%)
rgb(171,149,237)
cmyk(28,37,0,7)
hsl(238,72%,75%)
rgb(147,149,237)
cmyk(38,37,0,7)
hsl(226,76%,71%)
rgb(123,149,237)
cmyk(48,37,0,7)
hsl(218,79%,66%)
rgb(100,149,237)
cmyk(58,37,0,7)
hsl(213,82%,61%)
rgb(76,149,237)
cmyk(68,37,0,7)
hsl(208,84%,57%)
rgb(52,149,237)
cmyk(78,37,0,7)
hsl(205,85%,52%)
rgb(28,149,237)
cmyk(88,37,0,7)

Color shades in Magenta range

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

hsl(180,79%,66%)
rgb(100,237,237)
cmyk(58,0,0,7)
hsl(190,79%,66%)
rgb(100,213,237)
cmyk(58,10,0,7)
hsl(201,79%,66%)
rgb(100,190,237)
cmyk(58,20,0,7)
hsl(211,79%,66%)
rgb(100,166,237)
cmyk(58,30,0,7)
hsl(221,79%,66%)
rgb(100,142,237)
cmyk(58,40,0,7)
hsl(232,79%,66%)
rgb(100,119,237)
cmyk(58,50,0,7)
hsl(242,80%,65%)
rgb(100,95,237)
cmyk(58,60,0,7)
hsl(250,82%,60%)
rgb(100,71,237)
cmyk(58,70,0,7)

Color shades in Yellow range

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

hsl(218,79%,66%)
rgb(100,149,237)
cmyk(58,37,0,7)
hsl(214,58%,61%)
rgb(100,149,213)
cmyk(53,30,0,16)
hsl(207,41%,57%)
rgb(100,149,190)
cmyk(47,21,0,26)
hsl(195,27%,52%)
rgb(100,149,166)
cmyk(40,10,0,35)
hsl(171,20%,49%)
rgb(100,149,142)
cmyk(33,0,5,41)
hsl(143,20%,49%)
rgb(100,149,119)
cmyk(33,0,21,41)
hsl(115,22%,48%)
rgb(100,149,95)
cmyk(33,0,37,41)
hsl(98,35%,43%)
rgb(100,149,71)
cmyk(33,0,52,41)

Color shades in Black range

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

hsl(218,100%,71%)
rgb(107,161,255)
cmyk(58,37,0,0)
hsl(218,72%,64%)
rgb(96,145,230)
cmyk(58,37,0,10)
hsl(218,54%,57%)
rgb(86,129,204)
cmyk(58,37,0,20)
hsl(218,41%,50%)
rgb(75,112,179)
cmyk(58,37,0,30)
hsl(218,41%,43%)
rgb(64,96,153)
cmyk(58,37,0,40)
hsl(218,41%,36%)
rgb(54,80,128)
cmyk(58,37,0,50)
hsl(218,41%,28%)
rgb(43,64,102)
cmyk(58,37,0,60)
hsl(218,41%,21%)
rgb(32,48,77)
cmyk(58,37,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(100,149,237) usage in CSS

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


Color #6495ED usage in CSS

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


Color hsl(219,79%,66%) usage in CSS

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