rgb(23,120,242) / #1778F2

rgb(23,120,242)

hsl(213,89%,52%)

cmyk(90,50,0,5)


Color Shades in HSL model

Color Lightness Range

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

hsl(213,89%,12%)
rgb(3,28,58)
cmyk(94,52,0,77)
hsl(213,89%,22%)
rgb(6,51,106)
cmyk(94,52,0,58)
hsl(213,89%,32%)
rgb(9,74,154)
cmyk(94,52,0,40)
hsl(213,89%,42%)
rgb(12,98,202)
cmyk(94,52,0,21)
hsl(213,89%,52%)
rgb(24,122,242)
cmyk(90,50,0,5)
hsl(213,89%,62%)
rgb(72,149,244)
cmyk(71,39,0,4)
hsl(213,89%,72%)
rgb(120,177,247)
cmyk(51,28,0,3)
hsl(213,89%,82%)
rgb(168,205,250)
cmyk(33,18,0,2)

Color Saturation Range

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

hsl(213,30%,52%)
rgb(96,129,169)
cmyk(43,24,0,34)
hsl(213,40%,52%)
rgb(84,128,182)
cmyk(54,30,0,29)
hsl(213,50%,52%)
rgb(71,126,194)
cmyk(63,35,0,24)
hsl(213,60%,52%)
rgb(59,125,206)
cmyk(71,39,0,19)
hsl(213,70%,52%)
rgb(47,124,218)
cmyk(79,43,0,14)
hsl(213,80%,52%)
rgb(35,123,231)
cmyk(85,47,0,10)
hsl(213,90%,52%)
rgb(22,122,243)
cmyk(91,50,0,5)
hsl(213,100%,52%)
rgb(10,120,255)
cmyk(96,53,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(173,89%,52%)
rgb(24,242,216)
cmyk(90,0,11,5)
hsl(183,89%,52%)
rgb(24,231,242)
cmyk(90,5,0,5)
hsl(193,89%,52%)
rgb(24,194,242)
cmyk(90,20,0,5)
hsl(203,89%,52%)
rgb(24,158,242)
cmyk(90,35,0,5)
hsl(213,89%,52%)
rgb(24,122,242)
cmyk(90,50,0,5)
hsl(223,89%,52%)
rgb(24,85,242)
cmyk(90,65,0,5)
hsl(233,89%,52%)
rgb(24,49,242)
cmyk(90,80,0,5)
hsl(243,89%,52%)
rgb(35,24,242)
cmyk(86,90,0,5)

Color Shades in RGB model range

Color shades in Red range

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

hsl(210,100%,47%)
rgb(0,120,242)
cmyk(100,50,0,5)
hsl(214,89%,52%)
rgb(25,120,242)
cmyk(90,50,0,5)
hsl(218,88%,57%)
rgb(50,120,242)
cmyk(79,50,0,5)
hsl(224,87%,62%)
rgb(75,120,242)
cmyk(69,50,0,5)
hsl(232,85%,67%)
rgb(100,120,242)
cmyk(59,50,0,5)
hsl(242,82%,71%)
rgb(125,120,242)
cmyk(48,50,0,5)
hsl(255,82%,71%)
rgb(150,120,242)
cmyk(38,50,0,5)
hsl(267,82%,71%)
rgb(175,120,242)
cmyk(28,50,0,5)

Color shades in Green range

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

hsl(241,90%,51%)
rgb(23,20,242)
cmyk(90,92,0,5)
hsl(234,89%,52%)
rgb(23,45,242)
cmyk(90,81,0,5)
hsl(227,89%,52%)
rgb(23,70,242)
cmyk(90,71,0,5)
hsl(220,89%,52%)
rgb(23,95,242)
cmyk(90,61,0,5)
hsl(213,89%,52%)
rgb(23,120,242)
cmyk(90,50,0,5)
hsl(207,89%,52%)
rgb(23,145,242)
cmyk(90,40,0,5)
hsl(200,89%,52%)
rgb(23,170,242)
cmyk(90,30,0,5)
hsl(193,89%,52%)
rgb(23,195,242)
cmyk(90,19,0,5)

Color shades in Blue range

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

hsl(155,68%,28%)
rgb(23,120,80)
cmyk(81,0,33,53)
hsl(171,68%,28%)
rgb(23,120,105)
cmyk(81,0,13,53)
hsl(186,70%,30%)
rgb(23,120,130)
cmyk(82,8,0,49)
hsl(196,74%,35%)
rgb(23,120,155)
cmyk(85,23,0,39)
hsl(203,77%,40%)
rgb(23,120,180)
cmyk(87,33,0,29)
hsl(208,80%,45%)
rgb(23,120,205)
cmyk(89,41,0,20)
hsl(212,82%,50%)
rgb(23,120,230)
cmyk(90,48,0,10)
hsl(215,100%,55%)
rgb(23,120,255)
cmyk(91,53,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(264,83%,71%)
rgb(170,121,242)
cmyk(30,50,0,5)
hsl(252,83%,71%)
rgb(145,121,242)
cmyk(40,50,0,5)
hsl(240,83%,71%)
rgb(121,121,242)
cmyk(50,50,0,5)
hsl(230,85%,67%)
rgb(97,121,242)
cmyk(60,50,0,5)
hsl(223,87%,62%)
rgb(73,121,242)
cmyk(70,50,0,5)
hsl(218,88%,57%)
rgb(48,121,242)
cmyk(80,50,0,5)
hsl(213,90%,52%)
rgb(24,121,242)
cmyk(90,50,0,5)
hsl(210,100%,48%)
rgb(0,121,242)
cmyk(100,50,0,5)

Color shades in Magenta range

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

hsl(187,90%,52%)
rgb(24,218,242)
cmyk(90,10,0,5)
hsl(193,90%,52%)
rgb(24,194,242)
cmyk(90,20,0,5)
hsl(200,90%,52%)
rgb(24,170,242)
cmyk(90,30,0,5)
hsl(207,90%,52%)
rgb(24,145,242)
cmyk(90,40,0,5)
hsl(213,90%,52%)
rgb(24,121,242)
cmyk(90,50,0,5)
hsl(220,90%,52%)
rgb(24,97,242)
cmyk(90,60,0,5)
hsl(227,90%,52%)
rgb(24,73,242)
cmyk(90,70,0,5)
hsl(233,90%,52%)
rgb(24,48,242)
cmyk(90,80,0,5)

Color shades in Yellow range

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

hsl(213,90%,52%)
rgb(24,121,242)
cmyk(90,50,0,5)
hsl(210,80%,48%)
rgb(24,121,218)
cmyk(89,44,0,15)
hsl(206,78%,43%)
rgb(24,121,194)
cmyk(88,38,0,24)
hsl(200,75%,38%)
rgb(24,121,170)
cmyk(86,29,0,34)
hsl(192,71%,33%)
rgb(24,121,145)
cmyk(83,17,0,43)
hsl(180,67%,28%)
rgb(24,121,121)
cmyk(80,0,0,53)
hsl(165,67%,28%)
rgb(24,121,97)
cmyk(80,0,20,53)
hsl(150,67%,28%)
rgb(24,121,73)
cmyk(80,0,40,53)

Color shades in Black range

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

hsl(213,100%,55%)
rgb(25,128,255)
cmyk(90,50,0,0)
hsl(213,82%,50%)
rgb(23,115,230)
cmyk(90,50,0,10)
hsl(213,82%,44%)
rgb(20,102,204)
cmyk(90,50,0,20)
hsl(213,82%,39%)
rgb(18,89,179)
cmyk(90,50,0,30)
hsl(213,82%,33%)
rgb(15,77,153)
cmyk(90,50,0,40)
hsl(213,82%,28%)
rgb(13,64,128)
cmyk(90,50,0,50)
hsl(213,82%,22%)
rgb(10,51,102)
cmyk(90,50,0,60)
hsl(213,82%,17%)
rgb(8,38,77)
cmyk(90,50,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(23,120,242) usage in CSS

.bg-rgb-color { background-color: rgb(23,120,242); }
.text-rgb-color { color: rgb(23,120,242); }
.border-rgb-color { border: 1px solid rgb(23,120,242); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(23,120,242); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(23,120,242); }


Color #1778F2 usage in CSS

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


Color hsl(213,89%,52%) usage in CSS

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