rgb(85,170,170) / #55AAAA

rgb(85,170,170)

hsl(180,33%,50%)

cmyk(50,0,0,33)


Color Shades in HSL model

Color Lightness Range

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

hsl(180,33%,10%)
rgb(17,34,34)
cmyk(50,0,0,87)
hsl(180,33%,20%)
rgb(34,68,68)
cmyk(50,0,0,73)
hsl(180,33%,30%)
rgb(51,102,102)
cmyk(50,0,0,60)
hsl(180,33%,40%)
rgb(68,136,136)
cmyk(50,0,0,47)
hsl(180,33%,50%)
rgb(85,170,170)
cmyk(50,0,0,34)
hsl(180,33%,60%)
rgb(119,187,187)
cmyk(36,0,0,27)
hsl(180,33%,70%)
rgb(153,204,204)
cmyk(25,0,0,20)
hsl(180,33%,80%)
rgb(187,221,221)
cmyk(15,0,0,13)

Color Saturation Range

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

hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50)
hsl(180,10%,50%)
rgb(115,140,140)
cmyk(18,0,0,45)
hsl(180,20%,50%)
rgb(102,153,153)
cmyk(33,0,0,40)
hsl(180,30%,50%)
rgb(89,166,166)
cmyk(46,0,0,35)
hsl(180,40%,50%)
rgb(77,178,179)
cmyk(57,0,0,30)
hsl(180,50%,50%)
rgb(64,191,191)
cmyk(67,0,0,25)
hsl(180,60%,50%)
rgb(51,204,204)
cmyk(75,0,0,20)
hsl(180,70%,50%)
rgb(38,217,217)
cmyk(82,0,0,15)

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,33%,50%)
rgb(85,170,113)
cmyk(50,0,33,34)
hsl(150,33%,50%)
rgb(85,170,128)
cmyk(50,0,25,34)
hsl(160,33%,50%)
rgb(85,170,142)
cmyk(50,0,17,34)
hsl(170,33%,50%)
rgb(85,170,156)
cmyk(50,0,8,34)
hsl(180,33%,50%)
rgb(85,170,170)
cmyk(50,0,0,34)
hsl(190,33%,50%)
rgb(85,156,170)
cmyk(50,8,0,34)
hsl(200,33%,50%)
rgb(85,142,170)
cmyk(50,17,0,34)
hsl(210,33%,50%)
rgb(85,127,170)
cmyk(50,25,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(249,42%,47%)
rgb(85,70,170)
cmyk(50,59,0,33)
hsl(233,33%,50%)
rgb(85,95,170)
cmyk(50,44,0,33)
hsl(215,33%,50%)
rgb(85,120,170)
cmyk(50,29,0,33)
hsl(198,33%,50%)
rgb(85,145,170)
cmyk(50,15,0,33)
hsl(180,33%,50%)
rgb(85,170,170)
cmyk(50,0,0,33)
hsl(166,48%,55%)
rgb(85,195,170)
cmyk(56,0,13,24)
hsl(158,66%,60%)
rgb(85,220,170)
cmyk(61,0,23,14)
hsl(152,89%,65%)
rgb(85,245,170)
cmyk(65,0,31,4)

Color shades in Blue range

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

hsl(111,42%,47%)
rgb(85,170,70)
cmyk(50,0,59,33)
hsl(127,33%,50%)
rgb(85,170,95)
cmyk(50,0,44,33)
hsl(145,33%,50%)
rgb(85,170,120)
cmyk(50,0,29,33)
hsl(162,33%,50%)
rgb(85,170,145)
cmyk(50,0,15,33)
hsl(180,33%,50%)
rgb(85,170,170)
cmyk(50,0,0,33)
hsl(194,48%,55%)
rgb(85,170,195)
cmyk(56,13,0,24)
hsl(202,66%,60%)
rgb(85,170,220)
cmyk(61,23,0,14)
hsl(208,89%,65%)
rgb(85,170,245)
cmyk(65,31,0,4)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(180,9%,64%)
rgb(154,171,171)
cmyk(10,0,0,33)
hsl(180,17%,60%)
rgb(137,171,171)
cmyk(20,0,0,33)
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)

Color shades in Magenta range

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

hsl(180,34%,50%)
rgb(85,171,171)
cmyk(50,0,0,33)
hsl(192,34%,50%)
rgb(85,154,171)
cmyk(50,10,0,33)
hsl(204,34%,50%)
rgb(85,137,171)
cmyk(50,20,0,33)
hsl(216,34%,50%)
rgb(85,120,171)
cmyk(50,30,0,33)
hsl(228,34%,50%)
rgb(85,103,171)
cmyk(50,40,0,33)
hsl(240,34%,50%)
rgb(85,85,171)
cmyk(50,50,0,33)
hsl(250,43%,47%)
rgb(85,68,171)
cmyk(50,60,0,33)
hsl(257,54%,44%)
rgb(85,51,171)
cmyk(50,70,0,33)

Color shades in Yellow range

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

hsl(180,34%,50%)
rgb(85,171,171)
cmyk(50,0,0,33)
hsl(168,34%,50%)
rgb(85,171,154)
cmyk(50,0,10,33)
hsl(156,34%,50%)
rgb(85,171,137)
cmyk(50,0,20,33)
hsl(144,34%,50%)
rgb(85,171,120)
cmyk(50,0,30,33)
hsl(132,34%,50%)
rgb(85,171,103)
cmyk(50,0,40,33)
hsl(120,34%,50%)
rgb(85,171,85)
cmyk(50,0,50,33)
hsl(110,43%,47%)
rgb(85,171,68)
cmyk(50,0,60,33)
hsl(103,54%,44%)
rgb(85,171,51)
cmyk(50,0,70,33)

Color shades in Black range

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

hsl(180,100%,75%)
rgb(128,255,255)
cmyk(50,0,0,0)
hsl(180,69%,68%)
rgb(115,230,230)
cmyk(50,0,0,10)
hsl(180,50%,60%)
rgb(102,204,204)
cmyk(50,0,0,20)
hsl(180,37%,53%)
rgb(89,179,179)
cmyk(50,0,0,30)
hsl(180,33%,45%)
rgb(77,153,153)
cmyk(50,0,0,40)
hsl(180,33%,38%)
rgb(64,128,128)
cmyk(50,0,0,50)
hsl(180,33%,30%)
rgb(51,102,102)
cmyk(50,0,0,60)
hsl(180,33%,23%)
rgb(38,77,77)
cmyk(50,0,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #55AAAA usage in CSS

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


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

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