rgb(84,153,255) / #5499FF

rgb(84,153,255)

hsl(216,100%,66%)

cmyk(67,40,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(216,100%,26%)
rgb(0,53,133)
cmyk(100,60,0,48)
hsl(216,100%,36%)
rgb(0,73,184)
cmyk(100,60,0,28)
hsl(216,100%,46%)
rgb(0,94,235)
cmyk(100,60,0,8)
hsl(216,100%,56%)
rgb(31,120,255)
cmyk(88,53,0,0)
hsl(216,100%,66%)
rgb(82,151,255)
cmyk(68,41,0,0)
hsl(216,100%,76%)
rgb(133,182,255)
cmyk(48,29,0,0)
hsl(216,100%,86%)
rgb(184,212,255)
cmyk(28,17,0,0)
hsl(216,100%,96%)
rgb(235,243,255)
cmyk(8,5,0,0)

Color Saturation Range

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

hsl(216,30%,66%)
rgb(142,163,194)
cmyk(27,16,0,24)
hsl(216,40%,66%)
rgb(134,161,203)
cmyk(34,21,0,20)
hsl(216,50%,66%)
rgb(125,160,212)
cmyk(41,25,0,17)
hsl(216,60%,66%)
rgb(116,158,220)
cmyk(47,28,0,14)
hsl(216,70%,66%)
rgb(108,156,229)
cmyk(53,32,0,10)
hsl(216,80%,66%)
rgb(99,154,238)
cmyk(58,35,0,7)
hsl(216,90%,66%)
rgb(90,153,246)
cmyk(63,38,0,3)
hsl(216,100%,66%)
rgb(82,151,255)
cmyk(68,41,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(176,100%,66%)
rgb(82,255,243)
cmyk(68,0,5,0)
hsl(186,100%,66%)
rgb(82,238,255)
cmyk(68,7,0,0)
hsl(196,100%,66%)
rgb(82,209,255)
cmyk(68,18,0,0)
hsl(206,100%,66%)
rgb(82,180,255)
cmyk(68,29,0,0)
hsl(216,100%,66%)
rgb(82,151,255)
cmyk(68,41,0,0)
hsl(226,100%,66%)
rgb(82,122,255)
cmyk(68,52,0,0)
hsl(236,100%,66%)
rgb(82,93,255)
cmyk(68,63,0,0)
hsl(246,100%,66%)
rgb(99,82,255)
cmyk(61,68,0,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(204,100%,50%)
rgb(0,153,255)
cmyk(100,40,0,0)
hsl(207,100%,55%)
rgb(25,153,255)
cmyk(90,40,0,0)
hsl(210,100%,60%)
rgb(50,153,255)
cmyk(80,40,0,0)
hsl(214,100%,65%)
rgb(75,153,255)
cmyk(71,40,0,0)
hsl(219,100%,70%)
rgb(100,153,255)
cmyk(61,40,0,0)
hsl(227,100%,75%)
rgb(125,153,255)
cmyk(51,40,0,0)
hsl(238,100%,79%)
rgb(150,153,255)
cmyk(41,40,0,0)
hsl(253,100%,80%)
rgb(175,153,255)
cmyk(31,40,0,0)

Color shades in Green range

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

hsl(249,100%,60%)
rgb(84,53,255)
cmyk(67,79,0,0)
hsl(242,100%,65%)
rgb(84,78,255)
cmyk(67,69,0,0)
hsl(233,100%,66%)
rgb(84,103,255)
cmyk(67,60,0,0)
hsl(225,100%,66%)
rgb(84,128,255)
cmyk(67,50,0,0)
hsl(216,100%,66%)
rgb(84,153,255)
cmyk(67,40,0,0)
hsl(207,100%,66%)
rgb(84,178,255)
cmyk(67,30,0,0)
hsl(198,100%,66%)
rgb(84,203,255)
cmyk(67,20,0,0)
hsl(189,100%,66%)
rgb(84,228,255)
cmyk(67,11,0,0)

Color shades in Blue range

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

hsl(117,31%,46%)
rgb(84,153,80)
cmyk(45,0,48,40)
hsl(138,29%,46%)
rgb(84,153,105)
cmyk(45,0,31,40)
hsl(160,29%,46%)
rgb(84,153,130)
cmyk(45,0,15,40)
hsl(182,30%,47%)
rgb(84,153,155)
cmyk(46,1,0,39)
hsl(197,39%,52%)
rgb(84,153,180)
cmyk(53,15,0,29)
hsl(206,55%,57%)
rgb(84,153,205)
cmyk(59,25,0,20)
hsl(212,74%,62%)
rgb(84,153,230)
cmyk(63,33,0,10)
hsl(216,100%,66%)
rgb(84,153,255)
cmyk(67,40,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(260,100%,80%)
rgb(186,153,255)
cmyk(27,40,0,0)
hsl(245,100%,80%)
rgb(161,153,255)
cmyk(37,40,0,0)
hsl(231,100%,77%)
rgb(135,153,255)
cmyk(47,40,0,0)
hsl(222,100%,72%)
rgb(110,153,255)
cmyk(57,40,0,0)
hsl(216,100%,67%)
rgb(84,153,255)
cmyk(67,40,0,0)
hsl(211,100%,62%)
rgb(59,153,255)
cmyk(77,40,0,0)
hsl(208,100%,56%)
rgb(33,153,255)
cmyk(87,40,0,0)
hsl(205,100%,52%)
rgb(8,153,255)
cmyk(97,40,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(216,100%,67%)
rgb(84,153,255)
cmyk(67,40,0,0)
hsl(212,74%,62%)
rgb(84,153,230)
cmyk(63,33,0,10)
hsl(206,54%,56%)
rgb(84,153,204)
cmyk(59,25,0,20)
hsl(196,38%,51%)
rgb(84,153,179)
cmyk(53,14,0,30)
hsl(180,29%,47%)
rgb(84,153,153)
cmyk(45,0,0,40)
hsl(158,29%,47%)
rgb(84,153,128)
cmyk(45,0,17,40)
hsl(136,29%,47%)
rgb(84,153,102)
cmyk(45,0,33,40)
hsl(114,33%,45%)
rgb(84,153,77)
cmyk(45,0,50,40)

Color shades in Black range

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

hsl(216,100%,67%)
rgb(84,153,255)
cmyk(67,40,0,0)
hsl(216,75%,60%)
rgb(76,138,230)
cmyk(67,40,0,10)
hsl(216,57%,53%)
rgb(67,122,204)
cmyk(67,40,0,20)
hsl(216,50%,47%)
rgb(59,107,179)
cmyk(67,40,0,30)
hsl(216,50%,40%)
rgb(50,92,153)
cmyk(67,40,0,40)
hsl(216,50%,33%)
rgb(42,77,128)
cmyk(67,40,0,50)
hsl(216,50%,27%)
rgb(34,61,102)
cmyk(67,40,0,60)
hsl(216,50%,20%)
rgb(25,46,77)
cmyk(67,40,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(84,153,255) usage in CSS

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


Color #5499FF usage in CSS

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


Color hsl(216,100%,66%) usage in CSS

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