rgb(29,161,242) / #1DA1F2

rgb(29,161,242)

hsl(203,89%,53%)

cmyk(88,33,0,5)


Color Shades in HSL model

Color Lightness Range

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

hsl(203,89%,13%)
rgb(4,40,63)
cmyk(94,36,0,75)
hsl(203,89%,23%)
rgb(6,71,111)
cmyk(94,36,0,57)
hsl(203,89%,33%)
rgb(9,102,159)
cmyk(94,36,0,38)
hsl(203,89%,43%)
rgb(12,132,207)
cmyk(94,36,0,19)
hsl(203,89%,53%)
rgb(28,160,242)
cmyk(88,34,0,5)
hsl(203,89%,63%)
rgb(77,180,245)
cmyk(69,26,0,4)
hsl(203,89%,73%)
rgb(125,200,247)
cmyk(50,19,0,3)
hsl(203,89%,83%)
rgb(173,221,250)
cmyk(31,12,0,2)

Color Saturation Range

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

hsl(203,30%,53%)
rgb(99,144,171)
cmyk(42,16,0,33)
hsl(203,40%,53%)
rgb(87,146,183)
cmyk(52,20,0,28)
hsl(203,50%,53%)
rgb(75,149,195)
cmyk(61,24,0,24)
hsl(203,60%,53%)
rgb(63,152,207)
cmyk(69,27,0,19)
hsl(203,70%,53%)
rgb(51,155,219)
cmyk(77,29,0,14)
hsl(203,80%,53%)
rgb(39,158,231)
cmyk(83,32,0,9)
hsl(203,90%,53%)
rgb(27,160,243)
cmyk(89,34,0,5)
hsl(203,100%,53%)
rgb(15,163,255)
cmyk(94,36,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(163,89%,53%)
rgb(28,242,181)
cmyk(88,0,25,5)
hsl(173,89%,53%)
rgb(28,242,217)
cmyk(88,0,10,5)
hsl(183,89%,53%)
rgb(28,231,242)
cmyk(88,4,0,5)
hsl(193,89%,53%)
rgb(28,196,242)
cmyk(88,19,0,5)
hsl(203,89%,53%)
rgb(28,160,242)
cmyk(88,34,0,5)
hsl(213,89%,53%)
rgb(28,124,242)
cmyk(88,49,0,5)
hsl(223,89%,53%)
rgb(28,89,242)
cmyk(88,63,0,5)
hsl(233,89%,53%)
rgb(28,53,242)
cmyk(88,78,0,5)

Color Shades in RGB model range

Color shades in Red range

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

hsl(200,100%,47%)
rgb(0,161,242)
cmyk(100,33,0,5)
hsl(202,89%,52%)
rgb(25,161,242)
cmyk(90,33,0,5)
hsl(205,88%,57%)
rgb(50,161,242)
cmyk(79,33,0,5)
hsl(209,87%,62%)
rgb(75,161,242)
cmyk(69,33,0,5)
hsl(214,85%,67%)
rgb(100,161,242)
cmyk(59,33,0,5)
hsl(222,82%,72%)
rgb(125,161,242)
cmyk(48,33,0,5)
hsl(233,78%,77%)
rgb(150,161,242)
cmyk(38,33,0,5)
hsl(250,76%,79%)
rgb(175,161,242)
cmyk(28,33,0,5)

Color shades in Green range

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

hsl(231,89%,53%)
rgb(29,61,242)
cmyk(88,75,0,5)
hsl(224,89%,53%)
rgb(29,86,242)
cmyk(88,64,0,5)
hsl(217,89%,53%)
rgb(29,111,242)
cmyk(88,54,0,5)
hsl(210,89%,53%)
rgb(29,136,242)
cmyk(88,44,0,5)
hsl(203,89%,53%)
rgb(29,161,242)
cmyk(88,33,0,5)
hsl(196,89%,53%)
rgb(29,186,242)
cmyk(88,23,0,5)
hsl(189,89%,53%)
rgb(29,211,242)
cmyk(88,13,0,5)
hsl(182,89%,53%)
rgb(29,236,242)
cmyk(88,2,0,5)

Color shades in Blue range

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

hsl(143,69%,37%)
rgb(29,161,80)
cmyk(82,0,50,37)
hsl(155,69%,37%)
rgb(29,161,105)
cmyk(82,0,35,37)
hsl(166,69%,37%)
rgb(29,161,130)
cmyk(82,0,19,37)
hsl(177,69%,37%)
rgb(29,161,155)
cmyk(82,0,4,37)
hsl(188,72%,41%)
rgb(29,161,180)
cmyk(84,11,0,29)
hsl(195,75%,46%)
rgb(29,161,205)
cmyk(86,21,0,20)
hsl(201,80%,51%)
rgb(29,161,230)
cmyk(87,30,0,10)
hsl(205,100%,56%)
rgb(29,161,255)
cmyk(89,37,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(245,76%,79%)
rgb(170,162,242)
cmyk(30,33,0,5)
hsl(229,79%,76%)
rgb(145,162,242)
cmyk(40,33,0,5)
hsl(220,83%,71%)
rgb(121,162,242)
cmyk(50,33,0,5)
hsl(213,85%,67%)
rgb(97,162,242)
cmyk(60,33,0,5)
hsl(208,87%,62%)
rgb(73,162,242)
cmyk(70,33,0,5)
hsl(205,88%,57%)
rgb(48,162,242)
cmyk(80,33,0,5)
hsl(202,90%,52%)
rgb(24,162,242)
cmyk(90,33,0,5)
hsl(200,100%,48%)
rgb(0,162,242)
cmyk(100,33,0,5)

Color shades in Magenta range

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

hsl(180,89%,53%)
rgb(29,242,242)
cmyk(88,0,0,5)
hsl(187,89%,53%)
rgb(29,218,242)
cmyk(88,10,0,5)
hsl(194,89%,53%)
rgb(29,194,242)
cmyk(88,20,0,5)
hsl(200,89%,53%)
rgb(29,170,242)
cmyk(88,30,0,5)
hsl(207,89%,53%)
rgb(29,145,242)
cmyk(88,40,0,5)
hsl(214,89%,53%)
rgb(29,121,242)
cmyk(88,50,0,5)
hsl(221,89%,53%)
rgb(29,97,242)
cmyk(88,60,0,5)
hsl(228,89%,53%)
rgb(29,73,242)
cmyk(88,70,0,5)

Color shades in Yellow range

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

hsl(203,89%,53%)
rgb(29,162,242)
cmyk(88,33,0,5)
hsl(198,76%,48%)
rgb(29,162,218)
cmyk(87,26,0,15)
hsl(191,74%,44%)
rgb(29,162,194)
cmyk(85,16,0,24)
hsl(183,71%,39%)
rgb(29,162,170)
cmyk(83,4,0,34)
hsl(172,70%,38%)
rgb(29,162,145)
cmyk(82,0,10,36)
hsl(161,70%,38%)
rgb(29,162,121)
cmyk(82,0,25,36)
hsl(151,70%,38%)
rgb(29,162,97)
cmyk(82,0,40,36)
hsl(140,70%,38%)
rgb(29,162,73)
cmyk(82,0,55,36)

Color shades in Black range

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

hsl(203,100%,56%)
rgb(31,171,255)
cmyk(88,33,0,0)
hsl(203,80%,50%)
rgb(28,154,230)
cmyk(88,33,0,10)
hsl(203,79%,45%)
rgb(24,137,204)
cmyk(88,33,0,20)
hsl(203,79%,39%)
rgb(21,120,179)
cmyk(88,33,0,30)
hsl(203,79%,34%)
rgb(18,103,153)
cmyk(88,33,0,40)
hsl(203,79%,28%)
rgb(15,85,128)
cmyk(88,33,0,50)
hsl(203,79%,22%)
rgb(12,68,102)
cmyk(88,33,0,60)
hsl(203,79%,17%)
rgb(9,51,77)
cmyk(88,33,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(29,161,242) usage in CSS

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


Color #1DA1F2 usage in CSS

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


Color hsl(203,89%,53%) usage in CSS

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