rgb(85,170,255) / #55AAFF

rgb(85,170,255)

hsl(210,100%,67%)

cmyk(67,33,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(210,100%,27%)
rgb(0,69,138)
cmyk(100,50,0,46)
hsl(210,100%,37%)
rgb(0,94,189)
cmyk(100,50,0,26)
hsl(210,100%,47%)
rgb(0,120,240)
cmyk(100,50,0,6)
hsl(210,100%,57%)
rgb(36,145,255)
cmyk(86,43,0,0)
hsl(210,100%,67%)
rgb(87,171,255)
cmyk(66,33,0,0)
hsl(210,100%,77%)
rgb(138,196,255)
cmyk(46,23,0,0)
hsl(210,100%,87%)
rgb(189,222,255)
cmyk(26,13,0,0)
hsl(210,100%,97%)
rgb(240,247,255)
cmyk(6,3,0,0)

Color Saturation Range

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

hsl(210,30%,67%)
rgb(146,171,196)
cmyk(26,13,0,23)
hsl(210,40%,67%)
rgb(137,171,205)
cmyk(33,16,0,20)
hsl(210,50%,67%)
rgb(129,171,213)
cmyk(40,20,0,17)
hsl(210,60%,67%)
rgb(120,171,221)
cmyk(46,23,0,13)
hsl(210,70%,67%)
rgb(112,171,230)
cmyk(51,26,0,10)
hsl(210,80%,67%)
rgb(104,171,238)
cmyk(57,28,0,7)
hsl(210,90%,67%)
rgb(95,171,247)
cmyk(61,31,0,3)
hsl(210,100%,67%)
rgb(87,171,255)
cmyk(66,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(170,100%,67%)
rgb(87,255,227)
cmyk(66,0,11,0)
hsl(180,100%,67%)
rgb(87,255,255)
cmyk(66,0,0,0)
hsl(190,100%,67%)
rgb(87,227,255)
cmyk(66,11,0,0)
hsl(200,100%,67%)
rgb(87,199,255)
cmyk(66,22,0,0)
hsl(210,100%,67%)
rgb(87,171,255)
cmyk(66,33,0,0)
hsl(220,100%,67%)
rgb(87,143,255)
cmyk(66,44,0,0)
hsl(230,100%,67%)
rgb(87,115,255)
cmyk(66,55,0,0)
hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,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(245,100%,64%)
rgb(85,70,255)
cmyk(67,73,0,0)
hsl(236,100%,67%)
rgb(85,95,255)
cmyk(67,63,0,0)
hsl(228,100%,67%)
rgb(85,120,255)
cmyk(67,53,0,0)
hsl(219,100%,67%)
rgb(85,145,255)
cmyk(67,43,0,0)
hsl(210,100%,67%)
rgb(85,170,255)
cmyk(67,33,0,0)
hsl(201,100%,67%)
rgb(85,195,255)
cmyk(67,24,0,0)
hsl(192,100%,67%)
rgb(85,220,255)
cmyk(67,14,0,0)
hsl(184,100%,67%)
rgb(85,245,255)
cmyk(67,4,0,0)

Color shades in Blue range

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

hsl(117,36%,49%)
rgb(85,170,80)
cmyk(50,0,53,33)
hsl(134,33%,50%)
rgb(85,170,105)
cmyk(50,0,38,33)
hsl(152,33%,50%)
rgb(85,170,130)
cmyk(50,0,24,33)
hsl(169,33%,50%)
rgb(85,170,155)
cmyk(50,0,9,33)
hsl(186,39%,52%)
rgb(85,170,180)
cmyk(53,6,0,29)
hsl(198,55%,57%)
rgb(85,170,205)
cmyk(59,17,0,20)
hsl(205,74%,62%)
rgb(85,170,230)
cmyk(63,26,0,10)
hsl(210,100%,67%)
rgb(85,170,255)
cmyk(67,33,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(251,100%,84%)
rgb(186,171,255)
cmyk(27,33,0,0)
hsl(234,100%,82%)
rgb(161,171,255)
cmyk(37,33,0,0)
hsl(222,100%,77%)
rgb(135,171,255)
cmyk(47,33,0,0)
hsl(215,100%,72%)
rgb(110,171,255)
cmyk(57,33,0,0)
hsl(210,100%,67%)
rgb(84,171,255)
cmyk(67,33,0,0)
hsl(206,100%,62%)
rgb(59,171,255)
cmyk(77,33,0,0)
hsl(203,100%,56%)
rgb(33,171,255)
cmyk(87,33,0,0)
hsl(200,100%,52%)
rgb(8,171,255)
cmyk(97,33,0,0)

Color shades in Magenta range

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

hsl(180,100%,67%)
rgb(84,255,255)
cmyk(67,0,0,0)
hsl(189,100%,67%)
rgb(84,230,255)
cmyk(67,10,0,0)
hsl(198,100%,67%)
rgb(84,204,255)
cmyk(67,20,0,0)
hsl(207,100%,67%)
rgb(84,179,255)
cmyk(67,30,0,0)
hsl(216,100%,67%)
rgb(84,153,255)
cmyk(67,40,0,0)
hsl(225,100%,67%)
rgb(84,128,255)
cmyk(67,50,0,0)
hsl(234,100%,67%)
rgb(84,102,255)
cmyk(67,60,0,0)
hsl(243,100%,65%)
rgb(84,77,255)
cmyk(67,70,0,0)

Color shades in Yellow range

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

hsl(210,100%,67%)
rgb(84,171,255)
cmyk(67,33,0,0)
hsl(204,74%,62%)
rgb(84,171,230)
cmyk(63,26,0,10)
hsl(197,54%,56%)
rgb(84,171,204)
cmyk(59,16,0,20)
hsl(185,38%,51%)
rgb(84,171,179)
cmyk(53,4,0,30)
hsl(168,34%,50%)
rgb(84,171,153)
cmyk(51,0,10,33)
hsl(150,34%,50%)
rgb(84,171,128)
cmyk(51,0,25,33)
hsl(132,34%,50%)
rgb(84,171,102)
cmyk(51,0,40,33)
hsl(115,38%,49%)
rgb(84,171,77)
cmyk(51,0,55,33)

Color shades in Black range

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

hsl(210,100%,67%)
rgb(84,171,255)
cmyk(67,33,0,0)
hsl(210,75%,60%)
rgb(76,154,230)
cmyk(67,33,0,10)
hsl(210,57%,53%)
rgb(67,137,204)
cmyk(67,33,0,20)
hsl(210,50%,47%)
rgb(59,120,179)
cmyk(67,33,0,30)
hsl(210,50%,40%)
rgb(50,103,153)
cmyk(67,33,0,40)
hsl(210,50%,33%)
rgb(42,85,128)
cmyk(67,33,0,50)
hsl(210,50%,27%)
rgb(34,68,102)
cmyk(67,33,0,60)
hsl(210,50%,20%)
rgb(25,51,77)
cmyk(67,33,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #55AAFF usage in CSS

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


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

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