DodgerBlue rgb(30,144,255) / #1E90FF

DodgerBlue

rgb(30,144,255)

hsl(210,100%,56%)

cmyk(88,44,0,0)


DodgerBlue Color Shades in HSL model

DodgerBlue Color Lightness Range

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

hsl(210,100%,16%)
rgb(0,41,82)
cmyk(100,50,0,68)
hsl(210,100%,26%)
rgb(0,66,133)
cmyk(100,50,0,48)
hsl(210,100%,36%)
rgb(0,92,184)
cmyk(100,50,0,28)
hsl(210,100%,46%)
rgb(0,117,235)
cmyk(100,50,0,8)
hsl(210,100%,56%)
rgb(31,143,255)
cmyk(88,44,0,0)
hsl(210,100%,66%)
rgb(82,168,255)
cmyk(68,34,0,0)
hsl(210,100%,76%)
rgb(133,194,255)
cmyk(48,24,0,0)
hsl(210,100%,86%)
rgb(184,219,255)
cmyk(28,14,0,0)

DodgerBlue Color Saturation Range

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

hsl(210,30%,56%)
rgb(109,143,176)
cmyk(38,19,0,31)
hsl(210,40%,56%)
rgb(98,143,188)
cmyk(48,24,0,26)
hsl(210,50%,56%)
rgb(87,143,199)
cmyk(56,28,0,22)
hsl(210,60%,56%)
rgb(75,143,210)
cmyk(64,32,0,18)
hsl(210,70%,56%)
rgb(64,143,221)
cmyk(71,35,0,13)
hsl(210,80%,56%)
rgb(53,143,233)
cmyk(77,39,0,9)
hsl(210,90%,56%)
rgb(42,143,244)
cmyk(83,41,0,4)
hsl(210,100%,56%)
rgb(31,143,255)
cmyk(88,44,0,0)

DodgerBlue 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(170,100%,56%)
rgb(31,255,218)
cmyk(88,0,15,0)
hsl(180,100%,56%)
rgb(31,255,255)
cmyk(88,0,0,0)
hsl(190,100%,56%)
rgb(31,218,255)
cmyk(88,15,0,0)
hsl(200,100%,56%)
rgb(31,180,255)
cmyk(88,29,0,0)
hsl(210,100%,56%)
rgb(31,143,255)
cmyk(88,44,0,0)
hsl(220,100%,56%)
rgb(31,105,255)
cmyk(88,59,0,0)
hsl(230,100%,56%)
rgb(31,68,255)
cmyk(88,73,0,0)
hsl(240,100%,56%)
rgb(31,31,255)
cmyk(88,88,0,0)

DodgerBlue Color Shades in RGB model range

Color shades in Red range

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

hsl(206,100%,50%)
rgb(0,144,255)
cmyk(100,44,0,0)
hsl(209,100%,55%)
rgb(25,144,255)
cmyk(90,44,0,0)
hsl(212,100%,60%)
rgb(50,144,255)
cmyk(80,44,0,0)
hsl(217,100%,65%)
rgb(75,144,255)
cmyk(71,44,0,0)
hsl(223,100%,70%)
rgb(100,144,255)
cmyk(61,44,0,0)
hsl(231,100%,75%)
rgb(125,144,255)
cmyk(51,44,0,0)
hsl(243,100%,78%)
rgb(150,144,255)
cmyk(41,44,0,0)
hsl(257,100%,78%)
rgb(175,144,255)
cmyk(31,44,0,0)

Color shades in Green range

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

hsl(236,100%,56%)
rgb(30,44,255)
cmyk(88,83,0,0)
hsl(230,100%,56%)
rgb(30,69,255)
cmyk(88,73,0,0)
hsl(223,100%,56%)
rgb(30,94,255)
cmyk(88,63,0,0)
hsl(216,100%,56%)
rgb(30,119,255)
cmyk(88,53,0,0)
hsl(210,100%,56%)
rgb(30,144,255)
cmyk(88,44,0,0)
hsl(203,100%,56%)
rgb(30,169,255)
cmyk(88,34,0,0)
hsl(196,100%,56%)
rgb(30,194,255)
cmyk(88,24,0,0)
hsl(190,100%,56%)
rgb(30,219,255)
cmyk(88,14,0,0)

Color shades in Blue range

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

hsl(146,66%,34%)
rgb(30,144,80)
cmyk(79,0,44,44)
hsl(159,66%,34%)
rgb(30,144,105)
cmyk(79,0,27,44)
hsl(173,66%,34%)
rgb(30,144,130)
cmyk(79,0,10,44)
hsl(185,68%,36%)
rgb(30,144,155)
cmyk(81,7,0,39)
hsl(194,71%,41%)
rgb(30,144,180)
cmyk(83,20,0,29)
hsl(201,74%,46%)
rgb(30,144,205)
cmyk(85,30,0,20)
hsl(206,80%,51%)
rgb(30,144,230)
cmyk(87,37,0,10)
hsl(210,100%,56%)
rgb(30,144,255)
cmyk(88,44,0,0)

DodgerBlue Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(259,100%,78%)
rgb(179,143,255)
cmyk(30,44,0,0)
hsl(245,100%,78%)
rgb(153,143,255)
cmyk(40,44,0,0)
hsl(233,100%,75%)
rgb(128,143,255)
cmyk(50,44,0,0)
hsl(224,100%,70%)
rgb(102,143,255)
cmyk(60,44,0,0)
hsl(218,100%,65%)
rgb(77,143,255)
cmyk(70,44,0,0)
hsl(213,100%,60%)
rgb(51,143,255)
cmyk(80,44,0,0)
hsl(209,100%,55%)
rgb(25,143,255)
cmyk(90,44,0,0)
hsl(206,100%,50%)
rgb(0,143,255)
cmyk(100,44,0,0)

Color shades in Magenta range

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

hsl(183,100%,56%)
rgb(31,245,255)
cmyk(88,4,0,0)
hsl(190,100%,56%)
rgb(31,219,255)
cmyk(88,14,0,0)
hsl(196,100%,56%)
rgb(31,194,255)
cmyk(88,24,0,0)
hsl(203,100%,56%)
rgb(31,168,255)
cmyk(88,34,0,0)
hsl(210,100%,56%)
rgb(31,143,255)
cmyk(88,44,0,0)
hsl(217,100%,56%)
rgb(31,117,255)
cmyk(88,54,0,0)
hsl(224,100%,56%)
rgb(31,92,255)
cmyk(88,64,0,0)
hsl(230,100%,56%)
rgb(31,66,255)
cmyk(88,74,0,0)

Color shades in Yellow range

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

hsl(210,100%,56%)
rgb(31,143,255)
cmyk(88,44,0,0)
hsl(206,80%,51%)
rgb(31,143,230)
cmyk(87,38,0,10)
hsl(201,74%,46%)
rgb(31,143,204)
cmyk(85,30,0,20)
hsl(194,71%,41%)
rgb(31,143,179)
cmyk(83,20,0,30)
hsl(185,67%,36%)
rgb(31,143,153)
cmyk(80,7,0,40)
hsl(172,65%,34%)
rgb(31,143,128)
cmyk(79,0,11,44)
hsl(158,65%,34%)
rgb(31,143,102)
cmyk(79,0,29,44)
hsl(145,65%,34%)
rgb(31,143,77)
cmyk(79,0,46,44)

Color shades in Black range

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

hsl(210,100%,56%)
rgb(31,143,255)
cmyk(88,44,0,0)
hsl(210,80%,50%)
rgb(28,129,230)
cmyk(88,44,0,10)
hsl(210,79%,45%)
rgb(24,114,204)
cmyk(88,44,0,20)
hsl(210,79%,39%)
rgb(21,100,179)
cmyk(88,44,0,30)
hsl(210,79%,34%)
rgb(18,86,153)
cmyk(88,44,0,40)
hsl(210,79%,28%)
rgb(15,71,128)
cmyk(88,44,0,50)
hsl(210,79%,22%)
rgb(12,57,102)
cmyk(88,44,0,60)
hsl(210,79%,17%)
rgb(9,43,77)
cmyk(88,44,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(30,144,255) usage in CSS

.bg-rgb-color { background-color: rgb(30,144,255); }
.text-rgb-color { color: rgb(30,144,255); }
.border-rgb-color { border: 1px solid rgb(30,144,255); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(30,144,255); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(30,144,255); }


Color #1E90FF usage in CSS

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


Color hsl(210,100%,56%) usage in CSS

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