rgb(66,133,244) / #4285F4

rgb(66,133,244)

hsl(217,89%,61%)

cmyk(73,45,0,4)


Color Shades in HSL model

Color Lightness Range

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

hsl(217,89%,21%)
rgb(6,42,101)
cmyk(94,58,0,60)
hsl(217,89%,31%)
rgb(9,63,149)
cmyk(94,58,0,41)
hsl(217,89%,41%)
rgb(12,83,198)
cmyk(94,58,0,23)
hsl(217,89%,51%)
rgb(19,104,241)
cmyk(92,57,0,5)
hsl(217,89%,61%)
rgb(67,135,244)
cmyk(73,45,0,4)
hsl(217,89%,71%)
rgb(115,166,247)
cmyk(53,33,0,3)
hsl(217,89%,81%)
rgb(163,196,250)
cmyk(35,21,0,2)
hsl(217,89%,91%)
rgb(212,227,252)
cmyk(16,10,0,1)

Color Saturation Range

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

hsl(217,30%,61%)
rgb(126,149,185)
cmyk(32,20,0,27)
hsl(217,40%,61%)
rgb(116,146,195)
cmyk(41,25,0,23)
hsl(217,50%,61%)
rgb(106,144,205)
cmyk(48,30,0,20)
hsl(217,60%,61%)
rgb(96,142,215)
cmyk(55,34,0,16)
hsl(217,70%,61%)
rgb(86,139,225)
cmyk(62,38,0,12)
hsl(217,80%,61%)
rgb(76,137,235)
cmyk(68,42,0,8)
hsl(217,90%,61%)
rgb(66,135,245)
cmyk(73,45,0,4)
hsl(217,100%,61%)
rgb(56,132,255)
cmyk(78,48,0,0)

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(177,89%,61%)
rgb(67,244,235)
cmyk(73,0,4,4)
hsl(187,89%,61%)
rgb(67,223,244)
cmyk(73,8,0,4)
hsl(197,89%,61%)
rgb(67,194,244)
cmyk(73,21,0,4)
hsl(207,89%,61%)
rgb(67,164,244)
cmyk(73,33,0,4)
hsl(217,89%,61%)
rgb(67,135,244)
cmyk(73,45,0,4)
hsl(227,89%,61%)
rgb(67,105,244)
cmyk(73,57,0,4)
hsl(237,89%,61%)
rgb(67,76,244)
cmyk(73,69,0,4)
hsl(247,89%,61%)
rgb(88,67,244)
cmyk(64,73,0,4)

Color Shades in RGB model range

Color shades in Red range

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

hsl(207,100%,48%)
rgb(0,133,244)
cmyk(100,45,0,4)
hsl(210,91%,53%)
rgb(25,133,244)
cmyk(90,45,0,4)
hsl(214,90%,58%)
rgb(50,133,244)
cmyk(80,45,0,4)
hsl(219,88%,63%)
rgb(75,133,244)
cmyk(69,45,0,4)
hsl(226,87%,67%)
rgb(100,133,244)
cmyk(59,45,0,4)
hsl(236,84%,72%)
rgb(125,133,244)
cmyk(49,45,0,4)
hsl(249,83%,74%)
rgb(150,133,244)
cmyk(39,45,0,4)
hsl(263,83%,74%)
rgb(175,133,244)
cmyk(28,45,0,4)

Color shades in Green range

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

hsl(249,91%,54%)
rgb(66,33,244)
cmyk(73,86,0,4)
hsl(243,89%,59%)
rgb(66,58,244)
cmyk(73,76,0,4)
hsl(234,89%,61%)
rgb(66,83,244)
cmyk(73,66,0,4)
hsl(226,89%,61%)
rgb(66,108,244)
cmyk(73,56,0,4)
hsl(217,89%,61%)
rgb(66,133,244)
cmyk(73,45,0,4)
hsl(209,89%,61%)
rgb(66,158,244)
cmyk(73,35,0,4)
hsl(201,89%,61%)
rgb(66,183,244)
cmyk(73,25,0,4)
hsl(192,89%,61%)
rgb(66,208,244)
cmyk(73,15,0,4)

Color shades in Blue range

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

hsl(133,34%,39%)
rgb(66,133,80)
cmyk(50,0,40,48)
hsl(155,34%,39%)
rgb(66,133,105)
cmyk(50,0,21,48)
hsl(177,34%,39%)
rgb(66,133,130)
cmyk(50,0,2,48)
hsl(195,40%,43%)
rgb(66,133,155)
cmyk(57,14,0,39)
hsl(205,46%,48%)
rgb(66,133,180)
cmyk(63,26,0,29)
hsl(211,58%,53%)
rgb(66,133,205)
cmyk(68,35,0,20)
hsl(215,77%,58%)
rgb(66,133,230)
cmyk(71,42,0,10)
hsl(219,100%,63%)
rgb(66,133,255)
cmyk(74,48,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(260,84%,74%)
rgb(171,135,245)
cmyk(30,45,0,4)
hsl(247,84%,74%)
rgb(147,135,245)
cmyk(40,45,0,4)
hsl(234,86%,72%)
rgb(122,135,245)
cmyk(50,45,0,4)
hsl(225,88%,67%)
rgb(98,135,245)
cmyk(60,45,0,4)
hsl(219,89%,62%)
rgb(73,135,245)
cmyk(70,45,0,4)
hsl(214,91%,58%)
rgb(49,135,245)
cmyk(80,45,0,4)
hsl(210,92%,53%)
rgb(24,135,245)
cmyk(90,45,0,4)
hsl(207,100%,48%)
rgb(0,135,245)
cmyk(100,45,0,4)

Color shades in Magenta range

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

hsl(184,90%,61%)
rgb(66,233,245)
cmyk(73,5,0,4)
hsl(192,90%,61%)
rgb(66,208,245)
cmyk(73,15,0,4)
hsl(201,90%,61%)
rgb(66,184,245)
cmyk(73,25,0,4)
hsl(209,90%,61%)
rgb(66,159,245)
cmyk(73,35,0,4)
hsl(217,90%,61%)
rgb(66,135,245)
cmyk(73,45,0,4)
hsl(225,90%,61%)
rgb(66,110,245)
cmyk(73,55,0,4)
hsl(233,90%,61%)
rgb(66,86,245)
cmyk(73,65,0,4)
hsl(242,90%,60%)
rgb(66,61,245)
cmyk(73,75,0,4)

Color shades in Yellow range

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

hsl(217,90%,61%)
rgb(66,135,245)
cmyk(73,45,0,4)
hsl(213,69%,56%)
rgb(66,135,220)
cmyk(70,39,0,14)
hsl(208,52%,51%)
rgb(66,135,196)
cmyk(66,31,0,23)
hsl(201,44%,47%)
rgb(66,135,171)
cmyk(61,21,0,33)
hsl(189,38%,42%)
rgb(66,135,147)
cmyk(55,8,0,42)
hsl(169,34%,39%)
rgb(66,135,122)
cmyk(51,0,9,47)
hsl(148,34%,39%)
rgb(66,135,98)
cmyk(51,0,27,47)
hsl(126,34%,39%)
rgb(66,135,73)
cmyk(51,0,45,47)

Color shades in Black range

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

hsl(217,100%,64%)
rgb(69,140,255)
cmyk(73,45,0,0)
hsl(217,77%,57%)
rgb(62,126,230)
cmyk(73,45,0,10)
hsl(217,59%,51%)
rgb(55,112,204)
cmyk(73,45,0,20)
hsl(217,57%,44%)
rgb(48,98,179)
cmyk(73,45,0,30)
hsl(217,57%,38%)
rgb(41,84,153)
cmyk(73,45,0,40)
hsl(217,57%,32%)
rgb(34,70,128)
cmyk(73,45,0,50)
hsl(217,57%,25%)
rgb(28,56,102)
cmyk(73,45,0,60)
hsl(217,57%,19%)
rgb(21,42,77)
cmyk(73,45,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(66,133,244) usage in CSS

.bg-rgb-color { background-color: rgb(66,133,244); }
.text-rgb-color { color: rgb(66,133,244); }
.border-rgb-color { border: 1px solid rgb(66,133,244); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(66,133,244); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(66,133,244); }


Color #4285F4 usage in CSS

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


Color hsl(217,89%,61%) usage in CSS

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