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

rgb(84,255,230)

hsl(171,100%,66%)

cmyk(67,0,10,0)


Color Shades in HSL model

Color Lightness Range

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

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

Color Saturation Range

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

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

Color Shades in RGB model range

Color shades in Red range

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

hsl(174,100%,50%)
rgb(0,255,230)
cmyk(100,0,10,0)
hsl(173,100%,55%)
rgb(25,255,230)
cmyk(90,0,10,0)
hsl(173,100%,60%)
rgb(50,255,230)
cmyk(80,0,10,0)
hsl(172,100%,65%)
rgb(75,255,230)
cmyk(71,0,10,0)
hsl(170,100%,70%)
rgb(100,255,230)
cmyk(61,0,10,0)
hsl(168,100%,75%)
rgb(125,255,230)
cmyk(51,0,10,0)
hsl(166,100%,79%)
rgb(150,255,230)
cmyk(41,0,10,0)
hsl(161,100%,84%)
rgb(175,255,230)
cmyk(31,0,10,0)

Color shades in Green range

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

hsl(242,75%,61%)
rgb(84,80,230)
cmyk(63,65,0,10)
hsl(231,74%,62%)
rgb(84,105,230)
cmyk(63,54,0,10)
hsl(221,74%,62%)
rgb(84,130,230)
cmyk(63,43,0,10)
hsl(211,74%,62%)
rgb(84,155,230)
cmyk(63,33,0,10)
hsl(201,74%,62%)
rgb(84,180,230)
cmyk(63,22,0,10)
hsl(190,74%,62%)
rgb(84,205,230)
cmyk(63,11,0,10)
hsl(180,74%,62%)
rgb(84,230,230)
cmyk(63,0,0,10)
hsl(171,100%,66%)
rgb(84,255,230)
cmyk(67,0,10,0)

Color shades in Blue range

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

hsl(119,100%,66%)
rgb(84,255,80)
cmyk(67,0,69,0)
hsl(127,100%,66%)
rgb(84,255,105)
cmyk(67,0,59,0)
hsl(136,100%,66%)
rgb(84,255,130)
cmyk(67,0,49,0)
hsl(145,100%,66%)
rgb(84,255,155)
cmyk(67,0,39,0)
hsl(154,100%,66%)
rgb(84,255,180)
cmyk(67,0,29,0)
hsl(162,100%,66%)
rgb(84,255,205)
cmyk(67,0,20,0)
hsl(171,100%,66%)
rgb(84,255,230)
cmyk(67,0,10,0)
hsl(180,100%,66%)
rgb(84,255,255)
cmyk(67,0,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(158,100%,87%)
rgb(186,255,230)
cmyk(27,0,10,0)
hsl(164,100%,82%)
rgb(161,255,230)
cmyk(37,0,10,0)
hsl(167,100%,77%)
rgb(135,255,230)
cmyk(47,0,10,0)
hsl(169,100%,72%)
rgb(110,255,230)
cmyk(57,0,10,0)
hsl(171,100%,67%)
rgb(84,255,230)
cmyk(67,0,10,0)
hsl(172,100%,62%)
rgb(59,255,230)
cmyk(77,0,10,0)
hsl(173,100%,56%)
rgb(33,255,230)
cmyk(87,0,10,0)
hsl(174,100%,52%)
rgb(8,255,230)
cmyk(97,0,10,0)

Color shades in Magenta range

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

hsl(171,100%,67%)
rgb(84,255,230)
cmyk(67,0,10,0)
hsl(180,74%,62%)
rgb(84,230,230)
cmyk(63,0,0,10)
hsl(191,74%,62%)
rgb(84,204,230)
cmyk(63,11,0,10)
hsl(201,74%,62%)
rgb(84,179,230)
cmyk(63,22,0,10)
hsl(212,74%,62%)
rgb(84,153,230)
cmyk(63,33,0,10)
hsl(222,74%,62%)
rgb(84,128,230)
cmyk(63,44,0,10)
hsl(233,74%,62%)
rgb(84,102,230)
cmyk(63,56,0,10)
hsl(243,75%,60%)
rgb(84,77,230)
cmyk(63,67,0,10)

Color shades in Yellow range

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

hsl(180,100%,67%)
rgb(84,255,255)
cmyk(67,0,0,0)
hsl(171,100%,67%)
rgb(84,255,230)
cmyk(67,0,10,0)
hsl(162,100%,67%)
rgb(84,255,204)
cmyk(67,0,20,0)
hsl(153,100%,67%)
rgb(84,255,179)
cmyk(67,0,30,0)
hsl(144,100%,67%)
rgb(84,255,153)
cmyk(67,0,40,0)
hsl(135,100%,67%)
rgb(84,255,128)
cmyk(67,0,50,0)
hsl(126,100%,67%)
rgb(84,255,102)
cmyk(67,0,60,0)
hsl(117,100%,65%)
rgb(84,255,77)
cmyk(67,0,70,0)

Color shades in Black range

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

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

Color HTML/CSS(CSS3) Example

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

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


Color #54FFE6 usage in CSS

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


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

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