rgb(0,170,170) / #00AAAA

rgb(0,170,170)

hsl(180,100%,33%)

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

Color Saturation Range

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

hsl(180,30%,33%)
rgb(59,109,109)
cmyk(46,0,0,57)
hsl(180,40%,33%)
rgb(50,118,118)
cmyk(57,0,0,54)
hsl(180,50%,33%)
rgb(42,126,126)
cmyk(67,0,0,51)
hsl(180,60%,33%)
rgb(34,135,135)
cmyk(75,0,0,47)
hsl(180,70%,33%)
rgb(25,143,143)
cmyk(82,0,0,44)
hsl(180,80%,33%)
rgb(17,151,151)
cmyk(89,0,0,41)
hsl(180,90%,33%)
rgb(8,160,160)
cmyk(95,0,0,37)
hsl(180,100%,33%)
rgb(0,168,168)
cmyk(100,0,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(140,100%,33%)
rgb(0,168,56)
cmyk(100,0,67,34)
hsl(150,100%,33%)
rgb(0,168,84)
cmyk(100,0,50,34)
hsl(160,100%,33%)
rgb(0,168,112)
cmyk(100,0,33,34)
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)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,100%,33%)
rgb(0,170,170)
cmyk(100,0,0,33)
hsl(180,74%,38%)
rgb(25,170,170)
cmyk(85,0,0,33)
hsl(180,55%,43%)
rgb(50,170,170)
cmyk(71,0,0,33)
hsl(180,39%,48%)
rgb(75,170,170)
cmyk(56,0,0,33)
hsl(180,29%,53%)
rgb(100,170,170)
cmyk(41,0,0,33)
hsl(180,21%,58%)
rgb(125,170,170)
cmyk(26,0,0,33)
hsl(180,11%,63%)
rgb(150,170,170)
cmyk(12,0,0,33)
hsl(0,3%,68%)
rgb(175,170,170)
cmyk(0,3,3,31)

Color shades in Green range

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

hsl(215,100%,33%)
rgb(0,70,170)
cmyk(100,59,0,33)
hsl(206,100%,33%)
rgb(0,95,170)
cmyk(100,44,0,33)
hsl(198,100%,33%)
rgb(0,120,170)
cmyk(100,29,0,33)
hsl(189,100%,33%)
rgb(0,145,170)
cmyk(100,15,0,33)
hsl(180,100%,33%)
rgb(0,170,170)
cmyk(100,0,0,33)
hsl(172,100%,38%)
rgb(0,195,170)
cmyk(100,0,13,24)
hsl(166,100%,43%)
rgb(0,220,170)
cmyk(100,0,23,14)
hsl(162,100%,48%)
rgb(0,245,170)
cmyk(100,0,31,4)

Color shades in Blue range

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

hsl(145,100%,33%)
rgb(0,170,70)
cmyk(100,0,59,33)
hsl(154,100%,33%)
rgb(0,170,95)
cmyk(100,0,44,33)
hsl(162,100%,33%)
rgb(0,170,120)
cmyk(100,0,29,33)
hsl(171,100%,33%)
rgb(0,170,145)
cmyk(100,0,15,33)
hsl(180,100%,33%)
rgb(0,170,170)
cmyk(100,0,0,33)
hsl(188,100%,38%)
rgb(0,170,195)
cmyk(100,13,0,24)
hsl(194,100%,43%)
rgb(0,170,220)
cmyk(100,23,0,14)
hsl(198,100%,48%)
rgb(0,170,245)
cmyk(100,31,0,4)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(180,23%,57%)
rgb(120,171,171)
cmyk(30,0,0,33)
hsl(180,29%,54%)
rgb(103,171,171)
cmyk(40,0,0,33)
hsl(180,34%,50%)
rgb(85,171,171)
cmyk(50,0,0,33)
hsl(180,43%,47%)
rgb(68,171,171)
cmyk(60,0,0,33)
hsl(180,54%,44%)
rgb(51,171,171)
cmyk(70,0,0,33)
hsl(180,67%,40%)
rgb(34,171,171)
cmyk(80,0,0,33)
hsl(180,82%,37%)
rgb(17,171,171)
cmyk(90,0,0,33)
hsl(180,100%,34%)
rgb(0,171,171)
cmyk(100,0,0,33)

Color shades in Magenta range

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

hsl(180,100%,34%)
rgb(0,171,171)
cmyk(100,0,0,33)
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)

Color shades in Yellow range

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

hsl(180,100%,34%)
rgb(0,171,171)
cmyk(100,0,0,33)
hsl(174,100%,34%)
rgb(0,171,154)
cmyk(100,0,10,33)
hsl(168,100%,34%)
rgb(0,171,137)
cmyk(100,0,20,33)
hsl(162,100%,34%)
rgb(0,171,120)
cmyk(100,0,30,33)
hsl(156,100%,34%)
rgb(0,171,103)
cmyk(100,0,40,33)
hsl(150,100%,34%)
rgb(0,171,85)
cmyk(100,0,50,33)
hsl(144,100%,34%)
rgb(0,171,68)
cmyk(100,0,60,33)
hsl(138,100%,34%)
rgb(0,171,51)
cmyk(100,0,70,33)

Color shades in Black range

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

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

Color HTML/CSS(CSS3) Example

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

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


Color #00AAAA usage in CSS

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


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

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