rgb(66,103,178) / #4267B2

rgb(66,103,178)

hsl(220,46%,48%)

cmyk(63,42,0,30)


Color Shades in HSL model

Color Lightness Range

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

hsl(220,46%,8%)
rgb(11,17,30)
cmyk(63,42,0,88)
hsl(220,46%,18%)
rgb(25,39,67)
cmyk(63,42,0,74)
hsl(220,46%,28%)
rgb(39,60,104)
cmyk(63,42,0,59)
hsl(220,46%,38%)
rgb(52,82,141)
cmyk(63,42,0,45)
hsl(220,46%,48%)
rgb(66,104,179)
cmyk(63,42,0,30)
hsl(220,46%,58%)
rgb(99,131,197)
cmyk(50,33,0,23)
hsl(220,46%,68%)
rgb(136,161,211)
cmyk(36,24,0,17)
hsl(220,46%,78%)
rgb(173,190,225)
cmyk(23,15,0,12)

Color Saturation Range

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

hsl(220,6%,48%)
rgb(115,120,130)
cmyk(11,8,0,49)
hsl(220,16%,48%)
rgb(103,116,142)
cmyk(28,18,0,44)
hsl(220,26%,48%)
rgb(91,112,154)
cmyk(41,28,0,40)
hsl(220,36%,48%)
rgb(78,108,166)
cmyk(53,35,0,35)
hsl(220,46%,48%)
rgb(66,104,179)
cmyk(63,42,0,30)
hsl(220,56%,48%)
rgb(54,100,191)
cmyk(72,48,0,25)
hsl(220,66%,48%)
rgb(42,95,203)
cmyk(80,53,0,20)
hsl(220,76%,48%)
rgb(29,91,215)
cmyk(86,58,0,16)

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(180,46%,48%)
rgb(66,179,179)
cmyk(63,0,0,30)
hsl(190,46%,48%)
rgb(66,160,179)
cmyk(63,11,0,30)
hsl(200,46%,48%)
rgb(66,141,179)
cmyk(63,21,0,30)
hsl(210,46%,48%)
rgb(66,122,179)
cmyk(63,32,0,30)
hsl(220,46%,48%)
rgb(66,104,179)
cmyk(63,42,0,30)
hsl(230,46%,48%)
rgb(66,85,179)
cmyk(63,53,0,30)
hsl(240,46%,48%)
rgb(66,66,179)
cmyk(63,63,0,30)
hsl(250,46%,48%)
rgb(85,66,179)
cmyk(53,63,0,30)

Color Shades in RGB model range

Color shades in Red range

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

hsl(205,100%,35%)
rgb(0,103,178)
cmyk(100,42,0,30)
hsl(209,75%,40%)
rgb(25,103,178)
cmyk(86,42,0,30)
hsl(215,56%,45%)
rgb(50,103,178)
cmyk(72,42,0,30)
hsl(224,41%,50%)
rgb(75,103,178)
cmyk(58,42,0,30)
hsl(238,34%,55%)
rgb(100,103,178)
cmyk(44,42,0,30)
hsl(258,33%,55%)
rgb(125,103,178)
cmyk(30,42,0,30)
hsl(278,33%,55%)
rgb(150,103,178)
cmyk(16,42,0,30)
hsl(298,33%,55%)
rgb(175,103,178)
cmyk(2,42,0,30)

Color shades in Green range

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

hsl(262,97%,35%)
rgb(66,3,178)
cmyk(63,98,0,30)
hsl(255,73%,40%)
rgb(66,28,178)
cmyk(63,84,0,30)
hsl(246,54%,45%)
rgb(66,53,178)
cmyk(63,70,0,30)
hsl(234,46%,48%)
rgb(66,78,178)
cmyk(63,56,0,30)
hsl(220,46%,48%)
rgb(66,103,178)
cmyk(63,42,0,30)
hsl(207,46%,48%)
rgb(66,128,178)
cmyk(63,28,0,30)
hsl(193,46%,48%)
rgb(66,153,178)
cmyk(63,14,0,30)
hsl(180,46%,48%)
rgb(66,178,178)
cmyk(63,0,0,30)

Color shades in Blue range

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

hsl(139,22%,33%)
rgb(66,103,78)
cmyk(36,0,24,60)
hsl(180,22%,33%)
rgb(66,103,103)
cmyk(36,0,0,60)
hsl(204,32%,38%)
rgb(66,103,128)
cmyk(48,20,0,50)
hsl(214,40%,43%)
rgb(66,103,153)
cmyk(57,33,0,40)
hsl(220,46%,48%)
rgb(66,103,178)
cmyk(63,42,0,30)
hsl(224,57%,53%)
rgb(66,103,203)
cmyk(67,49,0,20)
hsl(226,75%,58%)
rgb(66,103,228)
cmyk(71,55,0,11)
hsl(228,98%,63%)
rgb(66,103,253)
cmyk(74,59,0,1)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(267,33%,55%)
rgb(137,104,179)
cmyk(23,42,0,30)
hsl(253,33%,55%)
rgb(120,104,179)
cmyk(33,42,0,30)
hsl(239,33%,55%)
rgb(102,104,179)
cmyk(43,42,0,30)
hsl(228,38%,51%)
rgb(84,104,179)
cmyk(53,42,0,30)
hsl(220,46%,48%)
rgb(66,104,179)
cmyk(63,42,0,30)
hsl(215,57%,44%)
rgb(48,104,179)
cmyk(73,42,0,30)
hsl(210,71%,41%)
rgb(30,104,179)
cmyk(83,42,0,30)
hsl(207,87%,37%)
rgb(12,104,179)
cmyk(93,42,0,30)

Color shades in Magenta range

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

hsl(182,46%,48%)
rgb(66,175,179)
cmyk(63,2,0,30)
hsl(191,46%,48%)
rgb(66,157,179)
cmyk(63,12,0,30)
hsl(201,46%,48%)
rgb(66,139,179)
cmyk(63,22,0,30)
hsl(210,46%,48%)
rgb(66,121,179)
cmyk(63,32,0,30)
hsl(220,46%,48%)
rgb(66,104,179)
cmyk(63,42,0,30)
hsl(230,46%,48%)
rgb(66,86,179)
cmyk(63,52,0,30)
hsl(239,46%,48%)
rgb(66,68,179)
cmyk(63,62,0,30)
hsl(248,56%,45%)
rgb(66,50,179)
cmyk(63,72,0,30)

Color shades in Yellow range

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

hsl(220,46%,48%)
rgb(66,104,179)
cmyk(63,42,0,30)
hsl(216,42%,44%)
rgb(66,104,161)
cmyk(59,36,0,37)
hsl(211,37%,41%)
rgb(66,104,143)
cmyk(54,28,0,44)
hsl(202,31%,37%)
rgb(66,104,125)
cmyk(47,17,0,51)
hsl(185,24%,34%)
rgb(66,104,107)
cmyk(38,3,0,58)
hsl(157,22%,33%)
rgb(66,104,89)
cmyk(36,0,14,59)
hsl(129,22%,33%)
rgb(66,104,71)
cmyk(36,0,31,59)
hsl(105,32%,31%)
rgb(66,104,54)
cmyk(36,0,48,59)

Color shades in Black range

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

hsl(220,100%,69%)
rgb(94,148,255)
cmyk(63,42,0,0)
hsl(220,74%,62%)
rgb(85,133,230)
cmyk(63,42,0,10)
hsl(220,56%,55%)
rgb(75,118,204)
cmyk(63,42,0,20)
hsl(220,46%,48%)
rgb(66,104,179)
cmyk(63,42,0,30)
hsl(220,46%,41%)
rgb(57,89,153)
cmyk(63,42,0,40)
hsl(220,46%,34%)
rgb(47,74,128)
cmyk(63,42,0,50)
hsl(220,46%,27%)
rgb(38,59,102)
cmyk(63,42,0,60)
hsl(220,46%,21%)
rgb(28,44,77)
cmyk(63,42,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(66,103,178) usage in CSS

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


Color #4267B2 usage in CSS

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


Color hsl(220,46%,48%) usage in CSS

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