rgb(85,255,85) / #55FF55

rgb(85,255,85)

hsl(120,100%,67%)

cmyk(67,0,67,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(120,100%,27%)
rgb(0,138,0)
cmyk(100,0,100,46)
hsl(120,100%,37%)
rgb(0,189,0)
cmyk(100,0,100,26)
hsl(120,100%,47%)
rgb(0,240,0)
cmyk(100,0,100,6)
hsl(120,100%,57%)
rgb(36,255,36)
cmyk(86,0,86,0)
hsl(120,100%,67%)
rgb(87,255,87)
cmyk(66,0,66,0)
hsl(120,100%,77%)
rgb(138,255,138)
cmyk(46,0,46,0)
hsl(120,100%,87%)
rgb(189,255,189)
cmyk(26,0,26,0)
hsl(120,100%,97%)
rgb(240,255,240)
cmyk(6,0,6,0)

Color Saturation Range

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

hsl(120,30%,67%)
rgb(146,196,146)
cmyk(26,0,26,23)
hsl(120,40%,67%)
rgb(137,205,137)
cmyk(33,0,33,20)
hsl(120,50%,67%)
rgb(129,213,129)
cmyk(40,0,40,17)
hsl(120,60%,67%)
rgb(120,221,120)
cmyk(46,0,46,13)
hsl(120,70%,67%)
rgb(112,230,112)
cmyk(51,0,51,10)
hsl(120,80%,67%)
rgb(104,238,104)
cmyk(57,0,57,7)
hsl(120,90%,67%)
rgb(95,247,95)
cmyk(61,0,61,3)
hsl(120,100%,67%)
rgb(87,255,87)
cmyk(66,0,66,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(80,100%,67%)
rgb(199,255,87)
cmyk(22,0,66,0)
hsl(90,100%,67%)
rgb(171,255,87)
cmyk(33,0,66,0)
hsl(100,100%,67%)
rgb(143,255,87)
cmyk(44,0,66,0)
hsl(110,100%,67%)
rgb(115,255,87)
cmyk(55,0,66,0)
hsl(120,100%,67%)
rgb(87,255,87)
cmyk(66,0,66,0)
hsl(130,100%,67%)
rgb(87,255,115)
cmyk(66,0,55,0)
hsl(140,100%,67%)
rgb(87,255,143)
cmyk(66,0,44,0)
hsl(150,100%,67%)
rgb(87,255,171)
cmyk(66,0,33,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(140,100%,50%)
rgb(0,255,85)
cmyk(100,0,67,0)
hsl(136,100%,55%)
rgb(25,255,85)
cmyk(90,0,67,0)
hsl(130,100%,60%)
rgb(50,255,85)
cmyk(80,0,67,0)
hsl(123,100%,65%)
rgb(75,255,85)
cmyk(71,0,67,0)
hsl(115,100%,67%)
rgb(100,255,85)
cmyk(61,0,67,0)
hsl(106,100%,67%)
rgb(125,255,85)
cmyk(51,0,67,0)
hsl(97,100%,67%)
rgb(150,255,85)
cmyk(41,0,67,0)
hsl(88,100%,67%)
rgb(175,255,85)
cmyk(31,0,67,0)

Color shades in Green range

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

hsl(300,3%,32%)
rgb(85,80,85)
cmyk(0,6,0,67)
hsl(120,11%,37%)
rgb(85,105,85)
cmyk(19,0,19,59)
hsl(120,21%,42%)
rgb(85,130,85)
cmyk(35,0,35,49)
hsl(120,29%,47%)
rgb(85,155,85)
cmyk(45,0,45,39)
hsl(120,39%,52%)
rgb(85,180,85)
cmyk(53,0,53,29)
hsl(120,55%,57%)
rgb(85,205,85)
cmyk(59,0,59,20)
hsl(120,74%,62%)
rgb(85,230,85)
cmyk(63,0,63,10)
hsl(120,100%,67%)
rgb(85,255,85)
cmyk(67,0,67,0)

Color shades in Blue range

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

hsl(100,100%,50%)
rgb(85,255,0)
cmyk(67,0,100,0)
hsl(104,100%,55%)
rgb(85,255,25)
cmyk(67,0,90,0)
hsl(110,100%,60%)
rgb(85,255,50)
cmyk(67,0,80,0)
hsl(117,100%,65%)
rgb(85,255,75)
cmyk(67,0,71,0)
hsl(125,100%,67%)
rgb(85,255,100)
cmyk(67,0,61,0)
hsl(134,100%,67%)
rgb(85,255,125)
cmyk(67,0,51,0)
hsl(143,100%,67%)
rgb(85,255,150)
cmyk(67,0,41,0)
hsl(152,100%,67%)
rgb(85,255,175)
cmyk(67,0,31,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(84,100%,67%)
rgb(186,255,84)
cmyk(27,0,67,0)
hsl(93,100%,67%)
rgb(161,255,84)
cmyk(37,0,67,0)
hsl(102,100%,67%)
rgb(135,255,84)
cmyk(47,0,67,0)
hsl(111,100%,67%)
rgb(110,255,84)
cmyk(57,0,67,0)
hsl(120,100%,67%)
rgb(84,255,84)
cmyk(67,0,67,0)
hsl(128,100%,62%)
rgb(59,255,84)
cmyk(77,0,67,0)
hsl(134,100%,56%)
rgb(33,255,84)
cmyk(87,0,67,0)
hsl(139,100%,52%)
rgb(8,255,84)
cmyk(97,0,67,0)

Color shades in Magenta range

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

hsl(120,100%,67%)
rgb(84,255,84)
cmyk(67,0,67,0)
hsl(120,74%,62%)
rgb(84,230,84)
cmyk(63,0,63,10)
hsl(120,54%,56%)
rgb(84,204,84)
cmyk(59,0,59,20)
hsl(120,38%,51%)
rgb(84,179,84)
cmyk(53,0,53,30)
hsl(120,29%,47%)
rgb(84,153,84)
cmyk(45,0,45,40)
hsl(120,20%,42%)
rgb(84,128,84)
cmyk(34,0,34,50)
hsl(120,10%,37%)
rgb(84,102,84)
cmyk(18,0,18,60)
hsl(300,5%,32%)
rgb(84,77,84)
cmyk(0,9,0,67)

Color shades in Yellow range

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

hsl(156,100%,67%)
rgb(84,255,186)
cmyk(67,0,27,0)
hsl(147,100%,67%)
rgb(84,255,161)
cmyk(67,0,37,0)
hsl(138,100%,67%)
rgb(84,255,135)
cmyk(67,0,47,0)
hsl(129,100%,67%)
rgb(84,255,110)
cmyk(67,0,57,0)
hsl(120,100%,67%)
rgb(84,255,84)
cmyk(67,0,67,0)
hsl(112,100%,62%)
rgb(84,255,59)
cmyk(67,0,77,0)
hsl(106,100%,56%)
rgb(84,255,33)
cmyk(67,0,87,0)
hsl(101,100%,52%)
rgb(84,255,8)
cmyk(67,0,97,0)

Color shades in Black range

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

hsl(120,50%,49%)
rgb(61,186,61)
cmyk(67,0,67,27)
hsl(120,50%,42%)
rgb(53,161,53)
cmyk(67,0,67,37)
hsl(120,50%,35%)
rgb(45,135,45)
cmyk(67,0,67,47)
hsl(120,50%,29%)
rgb(36,110,36)
cmyk(67,0,67,57)
hsl(120,50%,22%)
rgb(28,84,28)
cmyk(67,0,67,67)
hsl(120,50%,15%)
rgb(19,59,19)
cmyk(67,0,67,77)
hsl(120,50%,9%)
rgb(11,33,11)
cmyk(67,0,67,87)
hsl(120,50%,2%)
rgb(3,8,3)
cmyk(67,0,67,97)

Color HTML/CSS(CSS3) Example

Color rgb(85,255,85) usage in CSS

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


Color #55FF55 usage in CSS

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


Color hsl(120,100%,67%) usage in CSS

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