rgb(0,224,0) / #00E000

rgb(0,224,0)

hsl(120,100%,44%)

cmyk(100,0,100,12)


Color Shades in HSL model

Color Lightness Range

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

hsl(120,100%,4%)
rgb(0,20,0)
cmyk(100,0,100,92)
hsl(120,100%,14%)
rgb(0,71,0)
cmyk(100,0,100,72)
hsl(120,100%,24%)
rgb(0,122,0)
cmyk(100,0,100,52)
hsl(120,100%,34%)
rgb(0,173,0)
cmyk(100,0,100,32)
hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)
hsl(120,100%,54%)
rgb(20,255,20)
cmyk(92,0,92,0)
hsl(120,100%,64%)
rgb(71,255,71)
cmyk(72,0,72,0)
hsl(120,100%,74%)
rgb(122,255,122)
cmyk(52,0,52,0)

Color Saturation Range

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

hsl(120,30%,44%)
rgb(79,146,79)
cmyk(46,0,46,43)
hsl(120,40%,44%)
rgb(67,157,67)
cmyk(57,0,57,38)
hsl(120,50%,44%)
rgb(56,168,56)
cmyk(67,0,67,34)
hsl(120,60%,44%)
rgb(45,180,45)
cmyk(75,0,75,30)
hsl(120,70%,44%)
rgb(34,191,34)
cmyk(82,0,82,25)
hsl(120,80%,44%)
rgb(22,202,22)
cmyk(89,0,89,21)
hsl(120,90%,44%)
rgb(11,213,11)
cmyk(95,0,95,16)
hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)

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%,44%)
rgb(150,224,0)
cmyk(33,0,100,12)
hsl(90,100%,44%)
rgb(112,224,0)
cmyk(50,0,100,12)
hsl(100,100%,44%)
rgb(75,224,0)
cmyk(67,0,100,12)
hsl(110,100%,44%)
rgb(37,224,0)
cmyk(83,0,100,12)
hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)
hsl(130,100%,44%)
rgb(0,224,37)
cmyk(100,0,83,12)
hsl(140,100%,44%)
rgb(0,224,75)
cmyk(100,0,67,12)
hsl(150,100%,44%)
rgb(0,224,112)
cmyk(100,0,50,12)

Color Shades in RGB model range

Color shades in Red range

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

hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)
hsl(113,100%,44%)
rgb(25,224,0)
cmyk(89,0,100,12)
hsl(107,100%,44%)
rgb(50,224,0)
cmyk(78,0,100,12)
hsl(100,100%,44%)
rgb(75,224,0)
cmyk(67,0,100,12)
hsl(93,100%,44%)
rgb(100,224,0)
cmyk(55,0,100,12)
hsl(87,100%,44%)
rgb(125,224,0)
cmyk(44,0,100,12)
hsl(80,100%,44%)
rgb(150,224,0)
cmyk(33,0,100,12)
hsl(73,100%,44%)
rgb(175,224,0)
cmyk(22,0,100,12)

Color shades in Green range

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

hsl(120,100%,16%)
rgb(0,80,0)
cmyk(100,0,100,69)
hsl(120,100%,21%)
rgb(0,105,0)
cmyk(100,0,100,59)
hsl(120,100%,25%)
rgb(0,130,0)
cmyk(100,0,100,49)
hsl(120,100%,30%)
rgb(0,155,0)
cmyk(100,0,100,39)
hsl(120,100%,35%)
rgb(0,180,0)
cmyk(100,0,100,29)
hsl(120,100%,40%)
rgb(0,205,0)
cmyk(100,0,100,20)
hsl(120,100%,45%)
rgb(0,230,0)
cmyk(100,0,100,10)
hsl(120,100%,50%)
rgb(0,255,0)
cmyk(100,0,100,0)

Color shades in Blue range

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

hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)
hsl(127,100%,44%)
rgb(0,224,25)
cmyk(100,0,89,12)
hsl(133,100%,44%)
rgb(0,224,50)
cmyk(100,0,78,12)
hsl(140,100%,44%)
rgb(0,224,75)
cmyk(100,0,67,12)
hsl(147,100%,44%)
rgb(0,224,100)
cmyk(100,0,55,12)
hsl(153,100%,44%)
rgb(0,224,125)
cmyk(100,0,44,12)
hsl(160,100%,44%)
rgb(0,224,150)
cmyk(100,0,33,12)
hsl(167,100%,44%)
rgb(0,224,175)
cmyk(100,0,22,12)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(78,100%,44%)
rgb(157,224,0)
cmyk(30,0,100,12)
hsl(84,100%,44%)
rgb(135,224,0)
cmyk(40,0,100,12)
hsl(90,100%,44%)
rgb(112,224,0)
cmyk(50,0,100,12)
hsl(96,100%,44%)
rgb(90,224,0)
cmyk(60,0,100,12)
hsl(102,100%,44%)
rgb(67,224,0)
cmyk(70,0,100,12)
hsl(108,100%,44%)
rgb(45,224,0)
cmyk(80,0,100,12)
hsl(114,100%,44%)
rgb(22,224,0)
cmyk(90,0,100,12)
hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)

Color shades in Magenta range

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

hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)
hsl(120,100%,40%)
rgb(0,202,0)
cmyk(100,0,100,21)
hsl(120,100%,35%)
rgb(0,180,0)
cmyk(100,0,100,30)
hsl(120,100%,31%)
rgb(0,157,0)
cmyk(100,0,100,38)
hsl(120,100%,26%)
rgb(0,135,0)
cmyk(100,0,100,47)
hsl(120,100%,22%)
rgb(0,112,0)
cmyk(100,0,100,56)
hsl(120,100%,18%)
rgb(0,90,0)
cmyk(100,0,100,65)
hsl(120,100%,13%)
rgb(0,67,0)
cmyk(100,0,100,74)

Color shades in Yellow range

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

hsl(162,100%,44%)
rgb(0,224,157)
cmyk(100,0,30,12)
hsl(156,100%,44%)
rgb(0,224,135)
cmyk(100,0,40,12)
hsl(150,100%,44%)
rgb(0,224,112)
cmyk(100,0,50,12)
hsl(144,100%,44%)
rgb(0,224,90)
cmyk(100,0,60,12)
hsl(138,100%,44%)
rgb(0,224,67)
cmyk(100,0,70,12)
hsl(132,100%,44%)
rgb(0,224,45)
cmyk(100,0,80,12)
hsl(126,100%,44%)
rgb(0,224,22)
cmyk(100,0,90,12)
hsl(120,100%,44%)
rgb(0,224,0)
cmyk(100,0,100,12)

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,224,0) usage in CSS

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


Color #00E000 usage in CSS

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


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

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