rgb(84,255,128) / #54FF80

rgb(84,255,128)

hsl(135,100%,66%)

cmyk(67,0,50,0)


Color Shades in HSL model

Color Lightness Range

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

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

Color Saturation Range

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

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

Color Shades in RGB model range

Color shades in Red range

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

hsl(150,100%,50%)
rgb(0,255,128)
cmyk(100,0,50,0)
hsl(147,100%,55%)
rgb(25,255,128)
cmyk(90,0,50,0)
hsl(143,100%,60%)
rgb(50,255,128)
cmyk(80,0,50,0)
hsl(138,100%,65%)
rgb(75,255,128)
cmyk(71,0,50,0)
hsl(131,100%,70%)
rgb(100,255,128)
cmyk(61,0,50,0)
hsl(121,100%,75%)
rgb(125,255,128)
cmyk(51,0,50,0)
hsl(110,100%,75%)
rgb(150,255,128)
cmyk(41,0,50,0)
hsl(98,100%,75%)
rgb(175,255,128)
cmyk(31,0,50,0)

Color shades in Green range

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

hsl(245,23%,41%)
rgb(84,80,128)
cmyk(34,38,0,50)
hsl(211,21%,42%)
rgb(84,105,128)
cmyk(34,18,0,50)
hsl(177,21%,42%)
rgb(84,130,128)
cmyk(35,0,2,49)
hsl(157,30%,47%)
rgb(84,155,128)
cmyk(46,0,17,39)
hsl(147,39%,52%)
rgb(84,180,128)
cmyk(53,0,29,29)
hsl(142,55%,57%)
rgb(84,205,128)
cmyk(59,0,38,20)
hsl(138,74%,62%)
rgb(84,230,128)
cmyk(63,0,44,10)
hsl(135,100%,66%)
rgb(84,255,128)
cmyk(67,0,50,0)

Color shades in Blue range

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

hsl(105,100%,55%)
rgb(84,255,28)
cmyk(67,0,89,0)
hsl(111,100%,60%)
rgb(84,255,53)
cmyk(67,0,79,0)
hsl(118,100%,65%)
rgb(84,255,78)
cmyk(67,0,69,0)
hsl(127,100%,66%)
rgb(84,255,103)
cmyk(67,0,60,0)
hsl(135,100%,66%)
rgb(84,255,128)
cmyk(67,0,50,0)
hsl(144,100%,66%)
rgb(84,255,153)
cmyk(67,0,40,0)
hsl(153,100%,66%)
rgb(84,255,178)
cmyk(67,0,30,0)
hsl(162,100%,66%)
rgb(84,255,203)
cmyk(67,0,20,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(92,100%,75%)
rgb(186,255,128)
cmyk(27,0,50,0)
hsl(104,100%,75%)
rgb(161,255,128)
cmyk(37,0,50,0)
hsl(116,100%,75%)
rgb(135,255,128)
cmyk(47,0,50,0)
hsl(127,100%,72%)
rgb(110,255,128)
cmyk(57,0,50,0)
hsl(135,100%,67%)
rgb(84,255,128)
cmyk(67,0,50,0)
hsl(141,100%,62%)
rgb(59,255,128)
cmyk(77,0,50,0)
hsl(146,100%,56%)
rgb(33,255,128)
cmyk(87,0,50,0)
hsl(149,100%,52%)
rgb(8,255,128)
cmyk(97,0,50,0)

Color shades in Magenta range

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

hsl(135,100%,67%)
rgb(84,255,128)
cmyk(67,0,50,0)
hsl(138,74%,62%)
rgb(84,230,128)
cmyk(63,0,44,10)
hsl(142,54%,56%)
rgb(84,204,128)
cmyk(59,0,38,20)
hsl(148,38%,51%)
rgb(84,179,128)
cmyk(53,0,29,30)
hsl(158,29%,47%)
rgb(84,153,128)
cmyk(45,0,17,40)
hsl(180,20%,42%)
rgb(84,128,128)
cmyk(34,0,0,50)
hsl(215,20%,42%)
rgb(84,102,128)
cmyk(34,20,0,50)
hsl(249,25%,40%)
rgb(84,77,128)
cmyk(34,40,0,50)

Color shades in Yellow range

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

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

Color shades in Black range

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

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

Color HTML/CSS(CSS3) Example

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

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


Color #54FF80 usage in CSS

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


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

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