rgb(84,230,255) / #54E6FF

rgb(84,230,255)

hsl(189,100%,66%)

cmyk(67,10,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(189,100%,26%)
rgb(0,113,133)
cmyk(100,15,0,48)
hsl(189,100%,36%)
rgb(0,156,184)
cmyk(100,15,0,28)
hsl(189,100%,46%)
rgb(0,199,235)
cmyk(100,15,0,8)
hsl(189,100%,56%)
rgb(31,221,255)
cmyk(88,13,0,0)
hsl(189,100%,66%)
rgb(82,229,255)
cmyk(68,10,0,0)
hsl(189,100%,76%)
rgb(133,237,255)
cmyk(48,7,0,0)
hsl(189,100%,86%)
rgb(184,244,255)
cmyk(28,4,0,0)
hsl(189,100%,96%)
rgb(235,252,255)
cmyk(8,1,0,0)

Color Saturation Range

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

hsl(189,30%,66%)
rgb(142,187,194)
cmyk(27,4,0,24)
hsl(189,40%,66%)
rgb(134,193,203)
cmyk(34,5,0,20)
hsl(189,50%,66%)
rgb(125,199,212)
cmyk(41,6,0,17)
hsl(189,60%,66%)
rgb(116,205,220)
cmyk(47,7,0,14)
hsl(189,70%,66%)
rgb(108,211,229)
cmyk(53,8,0,10)
hsl(189,80%,66%)
rgb(99,217,238)
cmyk(58,9,0,7)
hsl(189,90%,66%)
rgb(90,223,246)
cmyk(63,10,0,3)
hsl(189,100%,66%)
rgb(82,229,255)
cmyk(68,10,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(149,100%,66%)
rgb(82,255,165)
cmyk(68,0,35,0)
hsl(159,100%,66%)
rgb(82,255,194)
cmyk(68,0,24,0)
hsl(169,100%,66%)
rgb(82,255,223)
cmyk(68,0,12,0)
hsl(179,100%,66%)
rgb(82,255,252)
cmyk(68,0,1,0)
hsl(189,100%,66%)
rgb(82,229,255)
cmyk(68,10,0,0)
hsl(199,100%,66%)
rgb(82,200,255)
cmyk(68,22,0,0)
hsl(209,100%,66%)
rgb(82,171,255)
cmyk(68,33,0,0)
hsl(219,100%,66%)
rgb(82,142,255)
cmyk(68,44,0,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(186,100%,50%)
rgb(0,230,255)
cmyk(100,10,0,0)
hsl(187,100%,55%)
rgb(25,230,255)
cmyk(90,10,0,0)
hsl(187,100%,60%)
rgb(50,230,255)
cmyk(80,10,0,0)
hsl(188,100%,65%)
rgb(75,230,255)
cmyk(71,10,0,0)
hsl(190,100%,70%)
rgb(100,230,255)
cmyk(61,10,0,0)
hsl(192,100%,75%)
rgb(125,230,255)
cmyk(51,10,0,0)
hsl(194,100%,79%)
rgb(150,230,255)
cmyk(41,10,0,0)
hsl(199,100%,84%)
rgb(175,230,255)
cmyk(31,10,0,0)

Color shades in Green range

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

hsl(241,100%,66%)
rgb(84,80,255)
cmyk(67,69,0,0)
hsl(233,100%,66%)
rgb(84,105,255)
cmyk(67,59,0,0)
hsl(224,100%,66%)
rgb(84,130,255)
cmyk(67,49,0,0)
hsl(215,100%,66%)
rgb(84,155,255)
cmyk(67,39,0,0)
hsl(206,100%,66%)
rgb(84,180,255)
cmyk(67,29,0,0)
hsl(198,100%,66%)
rgb(84,205,255)
cmyk(67,20,0,0)
hsl(189,100%,66%)
rgb(84,230,255)
cmyk(67,10,0,0)
hsl(180,100%,66%)
rgb(84,255,255)
cmyk(67,0,0,0)

Color shades in Blue range

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

hsl(118,75%,61%)
rgb(84,230,80)
cmyk(63,0,65,10)
hsl(129,74%,62%)
rgb(84,230,105)
cmyk(63,0,54,10)
hsl(139,74%,62%)
rgb(84,230,130)
cmyk(63,0,43,10)
hsl(149,74%,62%)
rgb(84,230,155)
cmyk(63,0,33,10)
hsl(159,74%,62%)
rgb(84,230,180)
cmyk(63,0,22,10)
hsl(170,74%,62%)
rgb(84,230,205)
cmyk(63,0,11,10)
hsl(180,74%,62%)
rgb(84,230,230)
cmyk(63,0,0,10)
hsl(189,100%,66%)
rgb(84,230,255)
cmyk(67,10,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(202,100%,87%)
rgb(186,230,255)
cmyk(27,10,0,0)
hsl(196,100%,82%)
rgb(161,230,255)
cmyk(37,10,0,0)
hsl(193,100%,77%)
rgb(135,230,255)
cmyk(47,10,0,0)
hsl(191,100%,72%)
rgb(110,230,255)
cmyk(57,10,0,0)
hsl(189,100%,67%)
rgb(84,230,255)
cmyk(67,10,0,0)
hsl(188,100%,62%)
rgb(59,230,255)
cmyk(77,10,0,0)
hsl(187,100%,56%)
rgb(33,230,255)
cmyk(87,10,0,0)
hsl(186,100%,52%)
rgb(8,230,255)
cmyk(97,10,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(189,100%,67%)
rgb(84,230,255)
cmyk(67,10,0,0)
hsl(180,74%,62%)
rgb(84,230,230)
cmyk(63,0,0,10)
hsl(169,74%,62%)
rgb(84,230,204)
cmyk(63,0,11,10)
hsl(159,74%,62%)
rgb(84,230,179)
cmyk(63,0,22,10)
hsl(148,74%,62%)
rgb(84,230,153)
cmyk(63,0,33,10)
hsl(138,74%,62%)
rgb(84,230,128)
cmyk(63,0,44,10)
hsl(127,74%,62%)
rgb(84,230,102)
cmyk(63,0,56,10)
hsl(117,75%,60%)
rgb(84,230,77)
cmyk(63,0,67,10)

Color shades in Black range

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

hsl(189,100%,67%)
rgb(84,230,255)
cmyk(67,10,0,0)
hsl(189,75%,60%)
rgb(76,207,230)
cmyk(67,10,0,10)
hsl(189,57%,53%)
rgb(67,184,204)
cmyk(67,10,0,20)
hsl(189,50%,47%)
rgb(59,161,179)
cmyk(67,10,0,30)
hsl(189,50%,40%)
rgb(50,138,153)
cmyk(67,10,0,40)
hsl(189,50%,33%)
rgb(42,115,128)
cmyk(67,10,0,50)
hsl(189,50%,27%)
rgb(34,92,102)
cmyk(67,10,0,60)
hsl(189,50%,20%)
rgb(25,69,77)
cmyk(67,10,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #54E6FF usage in CSS

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


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

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