rgb(0,56,140) / #00388C

rgb(0,56,140)

hsl(216,100%,27%)

cmyk(100,60,0,45)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)
hsl(216,100%,10%)
rgb(0,20,51)
cmyk(100,60,0,80)
hsl(216,100%,20%)
rgb(0,41,102)
cmyk(100,60,0,60)
hsl(216,100%,30%)
rgb(0,61,153)
cmyk(100,60,0,40)
hsl(216,100%,40%)
rgb(0,82,204)
cmyk(100,60,0,20)
hsl(216,100%,50%)
rgb(0,102,255)
cmyk(100,60,0,0)
hsl(216,100%,60%)
rgb(51,133,255)
cmyk(80,48,0,0)
hsl(216,100%,70%)
rgb(102,163,255)
cmyk(60,36,0,0)

Color Saturation Range

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

hsl(216,30%,27%)
rgb(48,65,90)
cmyk(46,28,0,65)
hsl(216,40%,27%)
rgb(41,63,96)
cmyk(57,34,0,62)
hsl(216,50%,27%)
rgb(34,62,103)
cmyk(67,40,0,60)
hsl(216,60%,27%)
rgb(28,61,110)
cmyk(75,45,0,57)
hsl(216,70%,27%)
rgb(21,59,117)
cmyk(82,49,0,54)
hsl(216,80%,27%)
rgb(14,58,124)
cmyk(89,53,0,51)
hsl(216,90%,27%)
rgb(7,56,131)
cmyk(95,57,0,49)
hsl(216,100%,27%)
rgb(0,55,138)
cmyk(100,60,0,46)

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(176,100%,27%)
rgb(0,138,129)
cmyk(100,0,7,46)
hsl(186,100%,27%)
rgb(0,124,138)
cmyk(100,10,0,46)
hsl(196,100%,27%)
rgb(0,101,138)
cmyk(100,27,0,46)
hsl(206,100%,27%)
rgb(0,78,138)
cmyk(100,43,0,46)
hsl(216,100%,27%)
rgb(0,55,138)
cmyk(100,60,0,46)
hsl(226,100%,27%)
rgb(0,32,138)
cmyk(100,77,0,46)
hsl(236,100%,27%)
rgb(0,9,138)
cmyk(100,93,0,46)
hsl(246,100%,27%)
rgb(14,0,138)
cmyk(90,100,0,46)

Color Shades in RGB model range

Color shades in Red range

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

hsl(216,100%,27%)
rgb(0,56,140)
cmyk(100,60,0,45)
hsl(224,70%,32%)
rgb(25,56,140)
cmyk(82,60,0,45)
hsl(236,47%,37%)
rgb(50,56,140)
cmyk(64,60,0,45)
hsl(254,43%,38%)
rgb(75,56,140)
cmyk(46,60,0,45)
hsl(271,43%,38%)
rgb(100,56,140)
cmyk(29,60,0,45)
hsl(289,43%,38%)
rgb(125,56,140)
cmyk(11,60,0,45)
hsl(306,46%,40%)
rgb(150,56,140)
cmyk(0,63,7,41)
hsl(318,52%,45%)
rgb(175,56,140)
cmyk(0,68,20,31)

Color shades in Green range

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

hsl(240,100%,27%)
rgb(0,0,140)
cmyk(100,100,0,45)
hsl(229,100%,27%)
rgb(0,25,140)
cmyk(100,82,0,45)
hsl(219,100%,27%)
rgb(0,50,140)
cmyk(100,64,0,45)
hsl(208,100%,27%)
rgb(0,75,140)
cmyk(100,46,0,45)
hsl(197,100%,27%)
rgb(0,100,140)
cmyk(100,29,0,45)
hsl(186,100%,27%)
rgb(0,125,140)
cmyk(100,11,0,45)
hsl(176,100%,29%)
rgb(0,150,140)
cmyk(100,0,7,41)
hsl(168,100%,34%)
rgb(0,175,140)
cmyk(100,0,20,31)

Color shades in Blue range

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

hsl(163,100%,11%)
rgb(0,56,40)
cmyk(100,0,29,78)
hsl(188,100%,13%)
rgb(0,56,65)
cmyk(100,14,0,75)
hsl(203,100%,18%)
rgb(0,56,90)
cmyk(100,38,0,65)
hsl(211,100%,23%)
rgb(0,56,115)
cmyk(100,51,0,55)
hsl(216,100%,27%)
rgb(0,56,140)
cmyk(100,60,0,45)
hsl(220,100%,32%)
rgb(0,56,165)
cmyk(100,66,0,35)
hsl(222,100%,37%)
rgb(0,56,190)
cmyk(100,71,0,25)
hsl(224,100%,42%)
rgb(0,56,215)
cmyk(100,74,0,16)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(270,43%,39%)
rgb(98,56,140)
cmyk(30,60,0,45)
hsl(260,43%,39%)
rgb(84,56,140)
cmyk(40,60,0,45)
hsl(250,43%,39%)
rgb(70,56,140)
cmyk(50,60,0,45)
hsl(240,43%,39%)
rgb(56,56,140)
cmyk(60,60,0,45)
hsl(231,54%,36%)
rgb(42,56,140)
cmyk(70,60,0,45)
hsl(225,67%,33%)
rgb(28,56,140)
cmyk(80,60,0,45)
hsl(220,82%,30%)
rgb(14,56,140)
cmyk(90,60,0,45)
hsl(216,100%,28%)
rgb(0,56,140)
cmyk(100,60,0,45)

Color shades in Magenta range

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

hsl(192,100%,28%)
rgb(0,112,140)
cmyk(100,20,0,45)
hsl(198,100%,28%)
rgb(0,98,140)
cmyk(100,30,0,45)
hsl(204,100%,28%)
rgb(0,84,140)
cmyk(100,40,0,45)
hsl(210,100%,28%)
rgb(0,70,140)
cmyk(100,50,0,45)
hsl(216,100%,28%)
rgb(0,56,140)
cmyk(100,60,0,45)
hsl(222,100%,28%)
rgb(0,42,140)
cmyk(100,70,0,45)
hsl(228,100%,28%)
rgb(0,28,140)
cmyk(100,80,0,45)
hsl(234,100%,28%)
rgb(0,14,140)
cmyk(100,90,0,45)

Color shades in Yellow range

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

hsl(216,100%,28%)
rgb(0,56,140)
cmyk(100,60,0,45)
hsl(213,100%,25%)
rgb(0,56,126)
cmyk(100,56,0,51)
hsl(210,100%,22%)
rgb(0,56,112)
cmyk(100,50,0,56)
hsl(206,100%,19%)
rgb(0,56,98)
cmyk(100,43,0,62)
hsl(200,100%,16%)
rgb(0,56,84)
cmyk(100,33,0,67)
hsl(192,100%,14%)
rgb(0,56,70)
cmyk(100,20,0,73)
hsl(180,100%,11%)
rgb(0,56,56)
cmyk(100,0,0,78)
hsl(165,100%,11%)
rgb(0,56,42)
cmyk(100,0,25,78)

Color shades in Black range

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

hsl(216,100%,50%)
rgb(0,102,255)
cmyk(100,60,0,0)
hsl(216,100%,45%)
rgb(0,92,230)
cmyk(100,60,0,10)
hsl(216,100%,40%)
rgb(0,82,204)
cmyk(100,60,0,20)
hsl(216,100%,35%)
rgb(0,71,179)
cmyk(100,60,0,30)
hsl(216,100%,30%)
rgb(0,61,153)
cmyk(100,60,0,40)
hsl(216,100%,25%)
rgb(0,51,128)
cmyk(100,60,0,50)
hsl(216,100%,20%)
rgb(0,41,102)
cmyk(100,60,0,60)
hsl(216,100%,15%)
rgb(0,31,77)
cmyk(100,60,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(0,56,140) usage in CSS

.bg-rgb-color { background-color: rgb(0,56,140); }
.text-rgb-color { color: rgb(0,56,140); }
.border-rgb-color { border: 1px solid rgb(0,56,140); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(0,56,140); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(0,56,140); }


Color #00388C usage in CSS

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


Color hsl(216,100%,27%) usage in CSS

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