rgb(84,128,255) / #5480FF

rgb(84,128,255)

hsl(225,100%,66%)

cmyk(67,50,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(225,100%,26%)
rgb(0,33,133)
cmyk(100,75,0,48)
hsl(225,100%,36%)
rgb(0,46,184)
cmyk(100,75,0,28)
hsl(225,100%,46%)
rgb(0,59,235)
cmyk(100,75,0,8)
hsl(225,100%,56%)
rgb(31,87,255)
cmyk(88,66,0,0)
hsl(225,100%,66%)
rgb(82,125,255)
cmyk(68,51,0,0)
hsl(225,100%,76%)
rgb(133,163,255)
cmyk(48,36,0,0)
hsl(225,100%,86%)
rgb(184,201,255)
cmyk(28,21,0,0)
hsl(225,100%,96%)
rgb(235,240,255)
cmyk(8,6,0,0)

Color Saturation Range

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

hsl(225,30%,66%)
rgb(142,155,194)
cmyk(27,20,0,24)
hsl(225,40%,66%)
rgb(134,151,203)
cmyk(34,26,0,20)
hsl(225,50%,66%)
rgb(125,147,212)
cmyk(41,31,0,17)
hsl(225,60%,66%)
rgb(116,142,220)
cmyk(47,35,0,14)
hsl(225,70%,66%)
rgb(108,138,229)
cmyk(53,40,0,10)
hsl(225,80%,66%)
rgb(99,134,238)
cmyk(58,44,0,7)
hsl(225,90%,66%)
rgb(90,129,246)
cmyk(63,48,0,3)
hsl(225,100%,66%)
rgb(82,125,255)
cmyk(68,51,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(185,100%,66%)
rgb(82,241,255)
cmyk(68,6,0,0)
hsl(195,100%,66%)
rgb(82,212,255)
cmyk(68,17,0,0)
hsl(205,100%,66%)
rgb(82,183,255)
cmyk(68,28,0,0)
hsl(215,100%,66%)
rgb(82,154,255)
cmyk(68,40,0,0)
hsl(225,100%,66%)
rgb(82,125,255)
cmyk(68,51,0,0)
hsl(235,100%,66%)
rgb(82,96,255)
cmyk(68,62,0,0)
hsl(245,100%,66%)
rgb(96,82,255)
cmyk(62,68,0,0)
hsl(255,100%,66%)
rgb(125,82,255)
cmyk(51,68,0,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(210,100%,50%)
rgb(0,128,255)
cmyk(100,50,0,0)
hsl(213,100%,55%)
rgb(25,128,255)
cmyk(90,50,0,0)
hsl(217,100%,60%)
rgb(50,128,255)
cmyk(80,50,0,0)
hsl(222,100%,65%)
rgb(75,128,255)
cmyk(71,50,0,0)
hsl(229,100%,70%)
rgb(100,128,255)
cmyk(61,50,0,0)
hsl(239,100%,75%)
rgb(125,128,255)
cmyk(51,50,0,0)
hsl(250,100%,75%)
rgb(150,128,255)
cmyk(41,50,0,0)
hsl(262,100%,75%)
rgb(175,128,255)
cmyk(31,50,0,0)

Color shades in Green range

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

hsl(255,100%,55%)
rgb(84,28,255)
cmyk(67,89,0,0)
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)

Color shades in Blue range

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

hsl(115,23%,41%)
rgb(84,128,80)
cmyk(34,0,38,50)
hsl(149,21%,42%)
rgb(84,128,105)
cmyk(34,0,18,50)
hsl(183,21%,42%)
rgb(84,128,130)
cmyk(35,2,0,49)
hsl(203,30%,47%)
rgb(84,128,155)
cmyk(46,17,0,39)
hsl(213,39%,52%)
rgb(84,128,180)
cmyk(53,29,0,29)
hsl(218,55%,57%)
rgb(84,128,205)
cmyk(59,38,0,20)
hsl(222,74%,62%)
rgb(84,128,230)
cmyk(63,44,0,10)
hsl(225,100%,66%)
rgb(84,128,255)
cmyk(67,50,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(268,100%,75%)
rgb(186,128,255)
cmyk(27,50,0,0)
hsl(256,100%,75%)
rgb(161,128,255)
cmyk(37,50,0,0)
hsl(244,100%,75%)
rgb(135,128,255)
cmyk(47,50,0,0)
hsl(233,100%,72%)
rgb(110,128,255)
cmyk(57,50,0,0)
hsl(225,100%,67%)
rgb(84,128,255)
cmyk(67,50,0,0)
hsl(219,100%,62%)
rgb(59,128,255)
cmyk(77,50,0,0)
hsl(214,100%,56%)
rgb(33,128,255)
cmyk(87,50,0,0)
hsl(211,100%,52%)
rgb(8,128,255)
cmyk(97,50,0,0)

Color shades in Magenta range

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

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)
hsl(250,100%,60%)
rgb(84,51,255)
cmyk(67,80,0,0)

Color shades in Yellow range

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

hsl(225,100%,67%)
rgb(84,128,255)
cmyk(67,50,0,0)
hsl(222,74%,62%)
rgb(84,128,230)
cmyk(63,44,0,10)
hsl(218,54%,56%)
rgb(84,128,204)
cmyk(59,38,0,20)
hsl(212,38%,51%)
rgb(84,128,179)
cmyk(53,29,0,30)
hsl(202,29%,47%)
rgb(84,128,153)
cmyk(45,17,0,40)
hsl(180,20%,42%)
rgb(84,128,128)
cmyk(34,0,0,50)
hsl(145,20%,42%)
rgb(84,128,102)
cmyk(34,0,20,50)
hsl(111,25%,40%)
rgb(84,128,77)
cmyk(34,0,40,50)

Color shades in Black range

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

hsl(225,100%,67%)
rgb(84,128,255)
cmyk(67,50,0,0)
hsl(225,75%,60%)
rgb(76,115,230)
cmyk(67,50,0,10)
hsl(225,57%,53%)
rgb(67,102,204)
cmyk(67,50,0,20)
hsl(225,50%,47%)
rgb(59,89,179)
cmyk(67,50,0,30)
hsl(225,50%,40%)
rgb(50,77,153)
cmyk(67,50,0,40)
hsl(225,50%,33%)
rgb(42,64,128)
cmyk(67,50,0,50)
hsl(225,50%,27%)
rgb(34,51,102)
cmyk(67,50,0,60)
hsl(225,50%,20%)
rgb(25,38,77)
cmyk(67,50,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #5480FF usage in CSS

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


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

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