rgb(84,179,255) / #54B3FF

rgb(84,179,255)

hsl(207,100%,66%)

cmyk(67,30,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(207,100%,26%)
rgb(0,73,133)
cmyk(100,45,0,48)
hsl(207,100%,36%)
rgb(0,101,184)
cmyk(100,45,0,28)
hsl(207,100%,46%)
rgb(0,129,235)
cmyk(100,45,0,8)
hsl(207,100%,56%)
rgb(31,154,255)
cmyk(88,40,0,0)
hsl(207,100%,66%)
rgb(82,177,255)
cmyk(68,31,0,0)
hsl(207,100%,76%)
rgb(133,200,255)
cmyk(48,22,0,0)
hsl(207,100%,86%)
rgb(184,223,255)
cmyk(28,13,0,0)
hsl(207,100%,96%)
rgb(235,246,255)
cmyk(8,4,0,0)

Color Saturation Range

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

hsl(207,30%,66%)
rgb(142,171,194)
cmyk(27,12,0,24)
hsl(207,40%,66%)
rgb(134,172,203)
cmyk(34,15,0,20)
hsl(207,50%,66%)
rgb(125,173,212)
cmyk(41,18,0,17)
hsl(207,60%,66%)
rgb(116,174,220)
cmyk(47,21,0,14)
hsl(207,70%,66%)
rgb(108,174,229)
cmyk(53,24,0,10)
hsl(207,80%,66%)
rgb(99,175,238)
cmyk(58,26,0,7)
hsl(207,90%,66%)
rgb(90,176,246)
cmyk(63,29,0,3)
hsl(207,100%,66%)
rgb(82,177,255)
cmyk(68,31,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(167,100%,66%)
rgb(82,255,217)
cmyk(68,0,15,0)
hsl(177,100%,66%)
rgb(82,255,246)
cmyk(68,0,3,0)
hsl(187,100%,66%)
rgb(82,235,255)
cmyk(68,8,0,0)
hsl(197,100%,66%)
rgb(82,206,255)
cmyk(68,19,0,0)
hsl(207,100%,66%)
rgb(82,177,255)
cmyk(68,31,0,0)
hsl(217,100%,66%)
rgb(82,148,255)
cmyk(68,42,0,0)
hsl(227,100%,66%)
rgb(82,119,255)
cmyk(68,53,0,0)
hsl(237,100%,66%)
rgb(82,90,255)
cmyk(68,65,0,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(198,100%,50%)
rgb(0,179,255)
cmyk(100,30,0,0)
hsl(200,100%,55%)
rgb(25,179,255)
cmyk(90,30,0,0)
hsl(202,100%,60%)
rgb(50,179,255)
cmyk(80,30,0,0)
hsl(205,100%,65%)
rgb(75,179,255)
cmyk(71,30,0,0)
hsl(209,100%,70%)
rgb(100,179,255)
cmyk(61,30,0,0)
hsl(215,100%,75%)
rgb(125,179,255)
cmyk(51,30,0,0)
hsl(223,100%,79%)
rgb(150,179,255)
cmyk(41,30,0,0)
hsl(237,100%,84%)
rgb(175,179,255)
cmyk(31,30,0,0)

Color shades in Green range

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

hsl(242,100%,65%)
rgb(84,79,255)
cmyk(67,69,0,0)
hsl(233,100%,66%)
rgb(84,104,255)
cmyk(67,59,0,0)
hsl(224,100%,66%)
rgb(84,129,255)
cmyk(67,49,0,0)
hsl(215,100%,66%)
rgb(84,154,255)
cmyk(67,40,0,0)
hsl(207,100%,66%)
rgb(84,179,255)
cmyk(67,30,0,0)
hsl(198,100%,66%)
rgb(84,204,255)
cmyk(67,20,0,0)
hsl(189,100%,66%)
rgb(84,229,255)
cmyk(67,10,0,0)
hsl(180,100%,66%)
rgb(84,254,255)
cmyk(67,0,0,0)

Color shades in Blue range

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

hsl(118,39%,51%)
rgb(84,179,80)
cmyk(53,0,55,30)
hsl(133,38%,52%)
rgb(84,179,105)
cmyk(53,0,41,30)
hsl(149,38%,52%)
rgb(84,179,130)
cmyk(53,0,27,30)
hsl(165,38%,52%)
rgb(84,179,155)
cmyk(53,0,13,30)
hsl(181,39%,52%)
rgb(84,179,180)
cmyk(53,1,0,29)
hsl(193,55%,57%)
rgb(84,179,205)
cmyk(59,13,0,20)
hsl(201,74%,62%)
rgb(84,179,230)
cmyk(63,22,0,10)
hsl(207,100%,66%)
rgb(84,179,255)
cmyk(67,30,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(246,100%,85%)
rgb(186,179,255)
cmyk(27,30,0,0)
hsl(229,100%,82%)
rgb(161,179,255)
cmyk(37,30,0,0)
hsl(218,100%,77%)
rgb(135,179,255)
cmyk(47,30,0,0)
hsl(212,100%,72%)
rgb(110,179,255)
cmyk(57,30,0,0)
hsl(207,100%,67%)
rgb(84,179,255)
cmyk(67,30,0,0)
hsl(203,100%,62%)
rgb(59,179,255)
cmyk(77,30,0,0)
hsl(201,100%,56%)
rgb(33,179,255)
cmyk(87,30,0,0)
hsl(199,100%,52%)
rgb(8,179,255)
cmyk(97,30,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(207,100%,67%)
rgb(84,179,255)
cmyk(67,30,0,0)
hsl(201,74%,62%)
rgb(84,179,230)
cmyk(63,22,0,10)
hsl(193,54%,56%)
rgb(84,179,204)
cmyk(59,13,0,20)
hsl(180,38%,51%)
rgb(84,179,179)
cmyk(53,0,0,30)
hsl(164,38%,51%)
rgb(84,179,153)
cmyk(53,0,14,30)
hsl(148,38%,51%)
rgb(84,179,128)
cmyk(53,0,29,30)
hsl(131,38%,51%)
rgb(84,179,102)
cmyk(53,0,43,30)
hsl(116,40%,50%)
rgb(84,179,77)
cmyk(53,0,57,30)

Color shades in Black range

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

hsl(207,100%,67%)
rgb(84,179,255)
cmyk(67,30,0,0)
hsl(207,75%,60%)
rgb(76,161,230)
cmyk(67,30,0,10)
hsl(207,57%,53%)
rgb(67,143,204)
cmyk(67,30,0,20)
hsl(207,50%,47%)
rgb(59,125,179)
cmyk(67,30,0,30)
hsl(207,50%,40%)
rgb(50,107,153)
cmyk(67,30,0,40)
hsl(207,50%,33%)
rgb(42,89,128)
cmyk(67,30,0,50)
hsl(207,50%,27%)
rgb(34,71,102)
cmyk(67,30,0,60)
hsl(207,50%,20%)
rgb(25,54,77)
cmyk(67,30,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #54B3FF usage in CSS

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


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

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