rgb(0,160,0) / #00A000

rgb(0,160,0)

hsl(120,100%,31%)

cmyk(100,0,100,37)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)
hsl(120,100%,10%)
rgb(0,51,0)
cmyk(100,0,100,80)
hsl(120,100%,20%)
rgb(0,102,0)
cmyk(100,0,100,60)
hsl(120,100%,30%)
rgb(0,153,0)
cmyk(100,0,100,40)
hsl(120,100%,40%)
rgb(0,204,0)
cmyk(100,0,100,20)
hsl(120,100%,50%)
rgb(0,255,0)
cmyk(100,0,100,0)
hsl(120,100%,60%)
rgb(51,255,51)
cmyk(80,0,80,0)
hsl(120,100%,70%)
rgb(102,255,102)
cmyk(60,0,60,0)

Color Saturation Range

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

hsl(120,30%,31%)
rgb(55,103,55)
cmyk(46,0,46,60)
hsl(120,40%,31%)
rgb(47,111,47)
cmyk(57,0,57,57)
hsl(120,50%,31%)
rgb(40,119,40)
cmyk(67,0,67,54)
hsl(120,60%,31%)
rgb(32,126,32)
cmyk(75,0,75,50)
hsl(120,70%,31%)
rgb(24,134,24)
cmyk(82,0,82,47)
hsl(120,80%,31%)
rgb(16,142,16)
cmyk(89,0,89,44)
hsl(120,90%,31%)
rgb(8,150,8)
cmyk(95,0,95,41)
hsl(120,100%,31%)
rgb(0,158,0)
cmyk(100,0,100,38)

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%,31%)
rgb(105,158,0)
cmyk(33,0,100,38)
hsl(90,100%,31%)
rgb(79,158,0)
cmyk(50,0,100,38)
hsl(100,100%,31%)
rgb(53,158,0)
cmyk(67,0,100,38)
hsl(110,100%,31%)
rgb(26,158,0)
cmyk(83,0,100,38)
hsl(120,100%,31%)
rgb(0,158,0)
cmyk(100,0,100,38)
hsl(130,100%,31%)
rgb(0,158,26)
cmyk(100,0,83,38)
hsl(140,100%,31%)
rgb(0,158,53)
cmyk(100,0,67,38)
hsl(150,100%,31%)
rgb(0,158,79)
cmyk(100,0,50,38)

Color Shades in RGB model range

Color shades in Red range

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

hsl(120,100%,31%)
rgb(0,160,0)
cmyk(100,0,100,37)
hsl(111,100%,31%)
rgb(25,160,0)
cmyk(84,0,100,37)
hsl(101,100%,31%)
rgb(50,160,0)
cmyk(69,0,100,37)
hsl(92,100%,31%)
rgb(75,160,0)
cmyk(53,0,100,37)
hsl(83,100%,31%)
rgb(100,160,0)
cmyk(38,0,100,37)
hsl(73,100%,31%)
rgb(125,160,0)
cmyk(22,0,100,37)
hsl(64,100%,31%)
rgb(150,160,0)
cmyk(6,0,100,37)
hsl(55,100%,34%)
rgb(175,160,0)
cmyk(0,9,100,31)

Color shades in Green range

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

hsl(120,100%,12%)
rgb(0,60,0)
cmyk(100,0,100,76)
hsl(120,100%,17%)
rgb(0,85,0)
cmyk(100,0,100,67)
hsl(120,100%,22%)
rgb(0,110,0)
cmyk(100,0,100,57)
hsl(120,100%,26%)
rgb(0,135,0)
cmyk(100,0,100,47)
hsl(120,100%,31%)
rgb(0,160,0)
cmyk(100,0,100,37)
hsl(120,100%,36%)
rgb(0,185,0)
cmyk(100,0,100,27)
hsl(120,100%,41%)
rgb(0,210,0)
cmyk(100,0,100,18)
hsl(120,100%,46%)
rgb(0,235,0)
cmyk(100,0,100,8)

Color shades in Blue range

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

hsl(120,100%,31%)
rgb(0,160,0)
cmyk(100,0,100,37)
hsl(129,100%,31%)
rgb(0,160,25)
cmyk(100,0,84,37)
hsl(139,100%,31%)
rgb(0,160,50)
cmyk(100,0,69,37)
hsl(148,100%,31%)
rgb(0,160,75)
cmyk(100,0,53,37)
hsl(158,100%,31%)
rgb(0,160,100)
cmyk(100,0,38,37)
hsl(167,100%,31%)
rgb(0,160,125)
cmyk(100,0,22,37)
hsl(176,100%,31%)
rgb(0,160,150)
cmyk(100,0,6,37)
hsl(185,100%,34%)
rgb(0,160,175)
cmyk(100,9,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(78,100%,32%)
rgb(112,161,0)
cmyk(30,0,100,37)
hsl(84,100%,32%)
rgb(96,161,0)
cmyk(40,0,100,37)
hsl(90,100%,32%)
rgb(80,161,0)
cmyk(50,0,100,37)
hsl(96,100%,32%)
rgb(64,161,0)
cmyk(60,0,100,37)
hsl(102,100%,32%)
rgb(48,161,0)
cmyk(70,0,100,37)
hsl(108,100%,32%)
rgb(32,161,0)
cmyk(80,0,100,37)
hsl(114,100%,32%)
rgb(16,161,0)
cmyk(90,0,100,37)
hsl(120,100%,32%)
rgb(0,161,0)
cmyk(100,0,100,37)

Color shades in Magenta range

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

hsl(120,100%,32%)
rgb(0,161,0)
cmyk(100,0,100,37)
hsl(120,100%,28%)
rgb(0,145,0)
cmyk(100,0,100,43)
hsl(120,100%,25%)
rgb(0,129,0)
cmyk(100,0,100,50)
hsl(120,100%,22%)
rgb(0,112,0)
cmyk(100,0,100,56)
hsl(120,100%,19%)
rgb(0,96,0)
cmyk(100,0,100,62)
hsl(120,100%,16%)
rgb(0,80,0)
cmyk(100,0,100,69)
hsl(120,100%,13%)
rgb(0,64,0)
cmyk(100,0,100,75)
hsl(120,100%,9%)
rgb(0,48,0)
cmyk(100,0,100,81)

Color shades in Yellow range

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

hsl(162,100%,32%)
rgb(0,161,112)
cmyk(100,0,30,37)
hsl(156,100%,32%)
rgb(0,161,96)
cmyk(100,0,40,37)
hsl(150,100%,32%)
rgb(0,161,80)
cmyk(100,0,50,37)
hsl(144,100%,32%)
rgb(0,161,64)
cmyk(100,0,60,37)
hsl(138,100%,32%)
rgb(0,161,48)
cmyk(100,0,70,37)
hsl(132,100%,32%)
rgb(0,161,32)
cmyk(100,0,80,37)
hsl(126,100%,32%)
rgb(0,161,16)
cmyk(100,0,90,37)
hsl(120,100%,32%)
rgb(0,161,0)
cmyk(100,0,100,37)

Color shades in Black range

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

hsl(120,100%,35%)
rgb(0,179,0)
cmyk(100,0,100,30)
hsl(120,100%,30%)
rgb(0,153,0)
cmyk(100,0,100,40)
hsl(120,100%,25%)
rgb(0,128,0)
cmyk(100,0,100,50)
hsl(120,100%,20%)
rgb(0,102,0)
cmyk(100,0,100,60)
hsl(120,100%,15%)
rgb(0,77,0)
cmyk(100,0,100,70)
hsl(120,100%,10%)
rgb(0,51,0)
cmyk(100,0,100,80)
hsl(120,100%,5%)
rgb(0,25,0)
cmyk(100,0,100,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(0,160,0) usage in CSS

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


Color #00A000 usage in CSS

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


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

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