rgb(0,170,255) / #00AAFF

rgb(0,170,255)

hsl(200,100%,50%)

cmyk(100,33,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(200,100%,10%)
rgb(0,34,51)
cmyk(100,33,0,80)
hsl(200,100%,20%)
rgb(0,68,102)
cmyk(100,33,0,60)
hsl(200,100%,30%)
rgb(0,102,153)
cmyk(100,33,0,40)
hsl(200,100%,40%)
rgb(0,136,204)
cmyk(100,33,0,20)
hsl(200,100%,50%)
rgb(0,170,255)
cmyk(100,33,0,0)
hsl(200,100%,60%)
rgb(51,187,255)
cmyk(80,27,0,0)
hsl(200,100%,70%)
rgb(102,204,255)
cmyk(60,20,0,0)
hsl(200,100%,80%)
rgb(153,221,255)
cmyk(40,13,0,0)

Color Saturation Range

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

hsl(200,30%,50%)
rgb(89,140,166)
cmyk(46,15,0,35)
hsl(200,40%,50%)
rgb(77,144,179)
cmyk(57,19,0,30)
hsl(200,50%,50%)
rgb(64,149,191)
cmyk(67,22,0,25)
hsl(200,60%,50%)
rgb(51,153,204)
cmyk(75,25,0,20)
hsl(200,70%,50%)
rgb(38,157,217)
cmyk(82,27,0,15)
hsl(200,80%,50%)
rgb(25,161,230)
cmyk(89,30,0,10)
hsl(200,90%,50%)
rgb(13,166,242)
cmyk(95,32,0,5)
hsl(200,100%,50%)
rgb(0,170,255)
cmyk(100,33,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(160,100%,50%)
rgb(0,255,170)
cmyk(100,0,33,0)
hsl(170,100%,50%)
rgb(0,255,213)
cmyk(100,0,17,0)
hsl(180,100%,50%)
rgb(0,255,255)
cmyk(100,0,0,0)
hsl(190,100%,50%)
rgb(0,212,255)
cmyk(100,17,0,0)
hsl(200,100%,50%)
rgb(0,170,255)
cmyk(100,33,0,0)
hsl(210,100%,50%)
rgb(0,127,255)
cmyk(100,50,0,0)
hsl(220,100%,50%)
rgb(0,85,255)
cmyk(100,67,0,0)
hsl(230,100%,50%)
rgb(0,43,255)
cmyk(100,83,0,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(200,100%,50%)
rgb(0,170,255)
cmyk(100,33,0,0)
hsl(202,100%,55%)
rgb(25,170,255)
cmyk(90,33,0,0)
hsl(205,100%,60%)
rgb(50,170,255)
cmyk(80,33,0,0)
hsl(208,100%,65%)
rgb(75,170,255)
cmyk(71,33,0,0)
hsl(213,100%,70%)
rgb(100,170,255)
cmyk(61,33,0,0)
hsl(219,100%,75%)
rgb(125,170,255)
cmyk(51,33,0,0)
hsl(229,100%,79%)
rgb(150,170,255)
cmyk(41,33,0,0)
hsl(244,100%,83%)
rgb(175,170,255)
cmyk(31,33,0,0)

Color shades in Green range

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

hsl(224,100%,50%)
rgb(0,70,255)
cmyk(100,73,0,0)
hsl(218,100%,50%)
rgb(0,95,255)
cmyk(100,63,0,0)
hsl(212,100%,50%)
rgb(0,120,255)
cmyk(100,53,0,0)
hsl(206,100%,50%)
rgb(0,145,255)
cmyk(100,43,0,0)
hsl(200,100%,50%)
rgb(0,170,255)
cmyk(100,33,0,0)
hsl(194,100%,50%)
rgb(0,195,255)
cmyk(100,24,0,0)
hsl(188,100%,50%)
rgb(0,220,255)
cmyk(100,14,0,0)
hsl(182,100%,50%)
rgb(0,245,255)
cmyk(100,4,0,0)

Color shades in Blue range

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

hsl(148,100%,33%)
rgb(0,170,80)
cmyk(100,0,53,33)
hsl(157,100%,33%)
rgb(0,170,105)
cmyk(100,0,38,33)
hsl(166,100%,33%)
rgb(0,170,130)
cmyk(100,0,24,33)
hsl(175,100%,33%)
rgb(0,170,155)
cmyk(100,0,9,33)
hsl(183,100%,35%)
rgb(0,170,180)
cmyk(100,6,0,29)
hsl(190,100%,40%)
rgb(0,170,205)
cmyk(100,17,0,20)
hsl(196,100%,45%)
rgb(0,170,230)
cmyk(100,26,0,10)
hsl(200,100%,50%)
rgb(0,170,255)
cmyk(100,33,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(245,100%,84%)
rgb(179,171,255)
cmyk(30,33,0,0)
hsl(230,100%,80%)
rgb(153,171,255)
cmyk(40,33,0,0)
hsl(220,100%,75%)
rgb(128,171,255)
cmyk(50,33,0,0)
hsl(213,100%,70%)
rgb(102,171,255)
cmyk(60,33,0,0)
hsl(208,100%,65%)
rgb(77,171,255)
cmyk(70,33,0,0)
hsl(205,100%,60%)
rgb(51,171,255)
cmyk(80,33,0,0)
hsl(202,100%,55%)
rgb(25,171,255)
cmyk(90,33,0,0)
hsl(200,100%,50%)
rgb(0,171,255)
cmyk(100,33,0,0)

Color shades in Magenta range

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

hsl(180,100%,50%)
rgb(0,255,255)
cmyk(100,0,0,0)
hsl(186,100%,50%)
rgb(0,230,255)
cmyk(100,10,0,0)
hsl(192,100%,50%)
rgb(0,204,255)
cmyk(100,20,0,0)
hsl(198,100%,50%)
rgb(0,179,255)
cmyk(100,30,0,0)
hsl(204,100%,50%)
rgb(0,153,255)
cmyk(100,40,0,0)
hsl(210,100%,50%)
rgb(0,128,255)
cmyk(100,50,0,0)
hsl(216,100%,50%)
rgb(0,102,255)
cmyk(100,60,0,0)
hsl(222,100%,50%)
rgb(0,77,255)
cmyk(100,70,0,0)

Color shades in Yellow range

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

hsl(200,100%,50%)
rgb(0,171,255)
cmyk(100,33,0,0)
hsl(195,100%,45%)
rgb(0,171,230)
cmyk(100,26,0,10)
hsl(190,100%,40%)
rgb(0,171,204)
cmyk(100,16,0,20)
hsl(183,100%,35%)
rgb(0,171,179)
cmyk(100,4,0,30)
hsl(174,100%,34%)
rgb(0,171,153)
cmyk(100,0,10,33)
hsl(165,100%,34%)
rgb(0,171,128)
cmyk(100,0,25,33)
hsl(156,100%,34%)
rgb(0,171,102)
cmyk(100,0,40,33)
hsl(147,100%,34%)
rgb(0,171,77)
cmyk(100,0,55,33)

Color shades in Black range

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

hsl(200,100%,50%)
rgb(0,171,255)
cmyk(100,33,0,0)
hsl(200,100%,45%)
rgb(0,154,230)
cmyk(100,33,0,10)
hsl(200,100%,40%)
rgb(0,137,204)
cmyk(100,33,0,20)
hsl(200,100%,35%)
rgb(0,120,179)
cmyk(100,33,0,30)
hsl(200,100%,30%)
rgb(0,103,153)
cmyk(100,33,0,40)
hsl(200,100%,25%)
rgb(0,85,128)
cmyk(100,33,0,50)
hsl(200,100%,20%)
rgb(0,68,102)
cmyk(100,33,0,60)
hsl(200,100%,15%)
rgb(0,51,77)
cmyk(100,33,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #00AAFF usage in CSS

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


Color hsl(200,100%,50%) usage in CSS

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