rgb(22,102,194) / #1666C2

rgb(22,102,194)

hsl(212,80%,42%)

cmyk(89,47,0,24)


Color Shades in HSL model

Color Lightness Range

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

hsl(212,80%,2%)
rgb(1,5,9)
cmyk(89,47,0,96)
hsl(212,80%,12%)
rgb(6,29,55)
cmyk(89,47,0,78)
hsl(212,80%,22%)
rgb(11,53,101)
cmyk(89,47,0,60)
hsl(212,80%,32%)
rgb(16,77,147)
cmyk(89,47,0,42)
hsl(212,80%,42%)
rgb(21,101,193)
cmyk(89,47,0,24)
hsl(212,80%,52%)
rgb(35,126,231)
cmyk(85,45,0,10)
hsl(212,80%,62%)
rgb(81,153,236)
cmyk(66,35,0,8)
hsl(212,80%,72%)
rgb(126,180,241)
cmyk(47,25,0,6)

Color Saturation Range

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

hsl(212,30%,42%)
rgb(75,105,139)
cmyk(46,25,0,45)
hsl(212,40%,42%)
rgb(64,104,150)
cmyk(57,30,0,41)
hsl(212,50%,42%)
rgb(54,104,161)
cmyk(67,36,0,37)
hsl(212,60%,42%)
rgb(43,103,171)
cmyk(75,40,0,33)
hsl(212,70%,42%)
rgb(32,102,182)
cmyk(82,44,0,29)
hsl(212,80%,42%)
rgb(21,101,193)
cmyk(89,47,0,24)
hsl(212,90%,42%)
rgb(11,101,203)
cmyk(95,51,0,20)
hsl(212,100%,42%)
rgb(0,100,214)
cmyk(100,53,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(172,80%,42%)
rgb(21,193,170)
cmyk(89,0,12,24)
hsl(182,80%,42%)
rgb(21,187,193)
cmyk(89,3,0,24)
hsl(192,80%,42%)
rgb(21,159,193)
cmyk(89,18,0,24)
hsl(202,80%,42%)
rgb(21,130,193)
cmyk(89,33,0,24)
hsl(212,80%,42%)
rgb(21,101,193)
cmyk(89,47,0,24)
hsl(222,80%,42%)
rgb(21,73,193)
cmyk(89,62,0,24)
hsl(232,80%,42%)
rgb(21,44,193)
cmyk(89,77,0,24)
hsl(242,80%,42%)
rgb(27,21,193)
cmyk(86,89,0,24)

Color Shades in RGB model range

Color shades in Red range

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

hsl(208,100%,38%)
rgb(0,102,194)
cmyk(100,47,0,24)
hsl(213,77%,43%)
rgb(25,102,194)
cmyk(87,47,0,24)
hsl(218,59%,48%)
rgb(50,102,194)
cmyk(74,47,0,24)
hsl(226,49%,53%)
rgb(75,102,194)
cmyk(61,47,0,24)
hsl(239,44%,58%)
rgb(100,102,194)
cmyk(48,47,0,24)
hsl(255,43%,58%)
rgb(125,102,194)
cmyk(36,47,0,24)
hsl(271,43%,58%)
rgb(150,102,194)
cmyk(23,47,0,24)
hsl(288,43%,58%)
rgb(175,102,194)
cmyk(10,47,0,24)

Color shades in Green range

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

hsl(246,98%,38%)
rgb(22,2,194)
cmyk(89,99,0,24)
hsl(238,80%,42%)
rgb(22,27,194)
cmyk(89,86,0,24)
hsl(230,80%,42%)
rgb(22,52,194)
cmyk(89,73,0,24)
hsl(221,80%,42%)
rgb(22,77,194)
cmyk(89,60,0,24)
hsl(212,80%,42%)
rgb(22,102,194)
cmyk(89,47,0,24)
hsl(203,80%,42%)
rgb(22,127,194)
cmyk(89,35,0,24)
hsl(195,80%,42%)
rgb(22,152,194)
cmyk(89,22,0,24)
hsl(186,80%,42%)
rgb(22,177,194)
cmyk(89,9,0,24)

Color shades in Blue range

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

hsl(164,65%,24%)
rgb(22,102,80)
cmyk(78,0,22,60)
hsl(182,65%,25%)
rgb(22,102,105)
cmyk(79,3,0,59)
hsl(196,71%,30%)
rgb(22,102,130)
cmyk(83,22,0,49)
hsl(204,75%,35%)
rgb(22,102,155)
cmyk(86,34,0,39)
hsl(210,78%,40%)
rgb(22,102,180)
cmyk(88,43,0,29)
hsl(214,81%,45%)
rgb(22,102,205)
cmyk(89,50,0,20)
hsl(217,83%,49%)
rgb(22,102,230)
cmyk(90,56,0,10)
hsl(219,100%,54%)
rgb(22,102,255)
cmyk(91,60,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(262,43%,58%)
rgb(136,103,194)
cmyk(30,47,0,24)
hsl(249,43%,58%)
rgb(116,103,194)
cmyk(40,47,0,24)
hsl(236,44%,57%)
rgb(97,103,194)
cmyk(50,47,0,24)
hsl(227,49%,53%)
rgb(78,103,194)
cmyk(60,47,0,24)
hsl(220,54%,49%)
rgb(58,103,194)
cmyk(70,47,0,24)
hsl(215,67%,46%)
rgb(39,103,194)
cmyk(80,47,0,24)
hsl(211,82%,42%)
rgb(19,103,194)
cmyk(90,47,0,24)
hsl(208,100%,38%)
rgb(0,103,194)
cmyk(100,47,0,24)

Color shades in Magenta range

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

hsl(185,80%,42%)
rgb(21,180,194)
cmyk(89,7,0,24)
hsl(191,80%,42%)
rgb(21,161,194)
cmyk(89,17,0,24)
hsl(198,80%,42%)
rgb(21,141,194)
cmyk(89,27,0,24)
hsl(205,80%,42%)
rgb(21,122,194)
cmyk(89,37,0,24)
hsl(212,80%,42%)
rgb(21,103,194)
cmyk(89,47,0,24)
hsl(218,80%,42%)
rgb(21,83,194)
cmyk(89,57,0,24)
hsl(225,80%,42%)
rgb(21,64,194)
cmyk(89,67,0,24)
hsl(232,80%,42%)
rgb(21,45,194)
cmyk(89,77,0,24)

Color shades in Yellow range

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

hsl(212,80%,42%)
rgb(21,103,194)
cmyk(89,47,0,24)
hsl(208,78%,38%)
rgb(21,103,174)
cmyk(88,41,0,32)
hsl(203,76%,35%)
rgb(21,103,155)
cmyk(86,34,0,39)
hsl(197,73%,31%)
rgb(21,103,136)
cmyk(84,24,0,47)
hsl(189,69%,27%)
rgb(21,103,116)
cmyk(82,12,0,54)
hsl(176,66%,24%)
rgb(21,103,97)
cmyk(79,0,6,60)
hsl(161,66%,24%)
rgb(21,103,78)
cmyk(79,0,25,60)
hsl(147,66%,24%)
rgb(21,103,58)
cmyk(79,0,43,60)

Color shades in Black range

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

hsl(212,100%,55%)
rgb(28,135,255)
cmyk(89,47,0,0)
hsl(212,80%,50%)
rgb(25,122,230)
cmyk(89,47,0,10)
hsl(212,80%,44%)
rgb(22,108,204)
cmyk(89,47,0,20)
hsl(212,80%,39%)
rgb(20,95,179)
cmyk(89,47,0,30)
hsl(212,80%,33%)
rgb(17,81,153)
cmyk(89,47,0,40)
hsl(212,80%,28%)
rgb(14,68,128)
cmyk(89,47,0,50)
hsl(212,80%,22%)
rgb(11,54,102)
cmyk(89,47,0,60)
hsl(212,80%,17%)
rgb(8,41,77)
cmyk(89,47,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(22,102,194) usage in CSS

.bg-rgb-color { background-color: rgb(22,102,194); }
.text-rgb-color { color: rgb(22,102,194); }
.border-rgb-color { border: 1px solid rgb(22,102,194); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(22,102,194); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(22,102,194); }


Color #1666C2 usage in CSS

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


Color hsl(212,80%,42%) usage in CSS

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