rgb(0,85,170) / #0055AA

rgb(0,85,170)

hsl(210,100%,33%)

cmyk(100,50,0,33)


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(210,100%,10%)
rgb(0,25,51)
cmyk(100,50,0,80)
hsl(210,100%,20%)
rgb(0,51,102)
cmyk(100,50,0,60)
hsl(210,100%,30%)
rgb(0,76,153)
cmyk(100,50,0,40)
hsl(210,100%,40%)
rgb(0,102,204)
cmyk(100,50,0,20)
hsl(210,100%,50%)
rgb(0,127,255)
cmyk(100,50,0,0)
hsl(210,100%,60%)
rgb(51,153,255)
cmyk(80,40,0,0)
hsl(210,100%,70%)
rgb(102,178,255)
cmyk(60,30,0,0)

Color Saturation Range

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

hsl(210,30%,33%)
rgb(59,84,109)
cmyk(46,23,0,57)
hsl(210,40%,33%)
rgb(50,84,118)
cmyk(57,29,0,54)
hsl(210,50%,33%)
rgb(42,84,126)
cmyk(67,33,0,51)
hsl(210,60%,33%)
rgb(34,84,135)
cmyk(75,38,0,47)
hsl(210,70%,33%)
rgb(25,84,143)
cmyk(82,41,0,44)
hsl(210,80%,33%)
rgb(17,84,151)
cmyk(89,44,0,41)
hsl(210,90%,33%)
rgb(8,84,160)
cmyk(95,47,0,37)
hsl(210,100%,33%)
rgb(0,84,168)
cmyk(100,50,0,34)

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%,33%)
rgb(0,168,140)
cmyk(100,0,17,34)
hsl(180,100%,33%)
rgb(0,168,168)
cmyk(100,0,0,34)
hsl(190,100%,33%)
rgb(0,140,168)
cmyk(100,17,0,34)
hsl(200,100%,33%)
rgb(0,112,168)
cmyk(100,33,0,34)
hsl(210,100%,33%)
rgb(0,84,168)
cmyk(100,50,0,34)
hsl(220,100%,33%)
rgb(0,56,168)
cmyk(100,67,0,34)
hsl(230,100%,33%)
rgb(0,28,168)
cmyk(100,83,0,34)
hsl(240,100%,33%)
rgb(0,0,168)
cmyk(100,100,0,34)

Color Shades in RGB model range

Color shades in Red range

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

hsl(210,100%,33%)
rgb(0,85,170)
cmyk(100,50,0,33)
hsl(215,74%,38%)
rgb(25,85,170)
cmyk(85,50,0,33)
hsl(223,55%,43%)
rgb(50,85,170)
cmyk(71,50,0,33)
hsl(234,39%,48%)
rgb(75,85,170)
cmyk(56,50,0,33)
hsl(251,33%,50%)
rgb(100,85,170)
cmyk(41,50,0,33)
hsl(268,33%,50%)
rgb(125,85,170)
cmyk(26,50,0,33)
hsl(286,33%,50%)
rgb(150,85,170)
cmyk(12,50,0,33)
hsl(303,36%,51%)
rgb(175,85,170)
cmyk(0,51,3,31)

Color shades in Green range

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

hsl(240,100%,33%)
rgb(0,0,170)
cmyk(100,100,0,33)
hsl(231,100%,33%)
rgb(0,25,170)
cmyk(100,85,0,33)
hsl(222,100%,33%)
rgb(0,50,170)
cmyk(100,71,0,33)
hsl(214,100%,33%)
rgb(0,75,170)
cmyk(100,56,0,33)
hsl(205,100%,33%)
rgb(0,100,170)
cmyk(100,41,0,33)
hsl(196,100%,33%)
rgb(0,125,170)
cmyk(100,26,0,33)
hsl(187,100%,33%)
rgb(0,150,170)
cmyk(100,12,0,33)
hsl(178,100%,34%)
rgb(0,175,170)
cmyk(100,0,3,31)

Color shades in Blue range

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

hsl(169,100%,17%)
rgb(0,85,70)
cmyk(100,0,18,67)
hsl(186,100%,19%)
rgb(0,85,95)
cmyk(100,11,0,63)
hsl(198,100%,24%)
rgb(0,85,120)
cmyk(100,29,0,53)
hsl(205,100%,28%)
rgb(0,85,145)
cmyk(100,41,0,43)
hsl(210,100%,33%)
rgb(0,85,170)
cmyk(100,50,0,33)
hsl(214,100%,38%)
rgb(0,85,195)
cmyk(100,56,0,24)
hsl(217,100%,43%)
rgb(0,85,220)
cmyk(100,61,0,14)
hsl(219,100%,48%)
rgb(0,85,245)
cmyk(100,65,0,4)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(264,34%,50%)
rgb(120,85,171)
cmyk(30,50,0,33)
hsl(252,34%,50%)
rgb(103,85,171)
cmyk(40,50,0,33)
hsl(240,34%,50%)
rgb(85,85,171)
cmyk(50,50,0,33)
hsl(230,43%,47%)
rgb(68,85,171)
cmyk(60,50,0,33)
hsl(223,54%,44%)
rgb(51,85,171)
cmyk(70,50,0,33)
hsl(218,67%,40%)
rgb(34,85,171)
cmyk(80,50,0,33)
hsl(213,82%,37%)
rgb(17,85,171)
cmyk(90,50,0,33)
hsl(210,100%,34%)
rgb(0,85,171)
cmyk(100,50,0,33)

Color shades in Magenta range

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

hsl(186,100%,34%)
rgb(0,154,171)
cmyk(100,10,0,33)
hsl(192,100%,34%)
rgb(0,137,171)
cmyk(100,20,0,33)
hsl(198,100%,34%)
rgb(0,120,171)
cmyk(100,30,0,33)
hsl(204,100%,34%)
rgb(0,103,171)
cmyk(100,40,0,33)
hsl(210,100%,34%)
rgb(0,85,171)
cmyk(100,50,0,33)
hsl(216,100%,34%)
rgb(0,68,171)
cmyk(100,60,0,33)
hsl(222,100%,34%)
rgb(0,51,171)
cmyk(100,70,0,33)
hsl(228,100%,34%)
rgb(0,34,171)
cmyk(100,80,0,33)

Color shades in Yellow range

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

hsl(210,100%,34%)
rgb(0,85,171)
cmyk(100,50,0,33)
hsl(207,100%,30%)
rgb(0,85,154)
cmyk(100,44,0,40)
hsl(203,100%,27%)
rgb(0,85,137)
cmyk(100,38,0,46)
hsl(197,100%,23%)
rgb(0,85,120)
cmyk(100,29,0,53)
hsl(190,100%,20%)
rgb(0,85,103)
cmyk(100,17,0,60)
hsl(180,100%,17%)
rgb(0,85,85)
cmyk(100,0,0,67)
hsl(168,100%,17%)
rgb(0,85,68)
cmyk(100,0,20,67)
hsl(156,100%,17%)
rgb(0,85,51)
cmyk(100,0,40,67)

Color shades in Black range

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

hsl(210,100%,50%)
rgb(0,128,255)
cmyk(100,50,0,0)
hsl(210,100%,45%)
rgb(0,115,230)
cmyk(100,50,0,10)
hsl(210,100%,40%)
rgb(0,102,204)
cmyk(100,50,0,20)
hsl(210,100%,35%)
rgb(0,89,179)
cmyk(100,50,0,30)
hsl(210,100%,30%)
rgb(0,77,153)
cmyk(100,50,0,40)
hsl(210,100%,25%)
rgb(0,64,128)
cmyk(100,50,0,50)
hsl(210,100%,20%)
rgb(0,51,102)
cmyk(100,50,0,60)
hsl(210,100%,15%)
rgb(0,38,77)
cmyk(100,50,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(0,85,170) usage in CSS

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


Color #0055AA usage in CSS

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


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

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