rgb(0,171,120) / #00AB78

rgb(0,171,120)

hsl(162,100%,34%)

cmyk(100,0,30,33)


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(162,100%,10%)
rgb(0,51,36)
cmyk(100,0,30,80)
hsl(162,100%,20%)
rgb(0,102,71)
cmyk(100,0,30,60)
hsl(162,100%,30%)
rgb(0,153,107)
cmyk(100,0,30,40)
hsl(162,100%,40%)
rgb(0,204,143)
cmyk(100,0,30,20)
hsl(162,100%,50%)
rgb(0,255,179)
cmyk(100,0,30,0)
hsl(162,100%,60%)
rgb(51,255,194)
cmyk(80,0,24,0)
hsl(162,100%,70%)
rgb(102,255,209)
cmyk(60,0,18,0)

Color Saturation Range

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

hsl(162,30%,34%)
rgb(61,113,97)
cmyk(46,0,14,56)
hsl(162,40%,34%)
rgb(52,121,101)
cmyk(57,0,17,52)
hsl(162,50%,34%)
rgb(43,130,104)
cmyk(67,0,20,49)
hsl(162,60%,34%)
rgb(35,139,108)
cmyk(75,0,22,46)
hsl(162,70%,34%)
rgb(26,147,111)
cmyk(82,0,25,42)
hsl(162,80%,34%)
rgb(17,156,114)
cmyk(89,0,27,39)
hsl(162,90%,34%)
rgb(9,165,118)
cmyk(95,0,28,35)
hsl(162,100%,34%)
rgb(0,173,121)
cmyk(100,0,30,32)

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(122,100%,34%)
rgb(0,173,6)
cmyk(100,0,97,32)
hsl(132,100%,34%)
rgb(0,173,35)
cmyk(100,0,80,32)
hsl(142,100%,34%)
rgb(0,173,64)
cmyk(100,0,63,32)
hsl(152,100%,34%)
rgb(0,173,92)
cmyk(100,0,47,32)
hsl(162,100%,34%)
rgb(0,173,121)
cmyk(100,0,30,32)
hsl(172,100%,34%)
rgb(0,173,150)
cmyk(100,0,13,32)
hsl(182,100%,34%)
rgb(0,168,173)
cmyk(100,3,0,32)
hsl(192,100%,34%)
rgb(0,139,173)
cmyk(100,20,0,32)

Color Shades in RGB model range

Color shades in Red range

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

hsl(162,100%,34%)
rgb(0,171,120)
cmyk(100,0,30,33)
hsl(159,74%,38%)
rgb(25,171,120)
cmyk(85,0,30,33)
hsl(155,55%,43%)
rgb(50,171,120)
cmyk(71,0,30,33)
hsl(148,39%,48%)
rgb(75,171,120)
cmyk(56,0,30,33)
hsl(137,30%,53%)
rgb(100,171,120)
cmyk(42,0,30,33)
hsl(114,23%,57%)
rgb(125,171,120)
cmyk(27,0,30,33)
hsl(85,23%,57%)
rgb(150,171,120)
cmyk(12,0,30,33)
hsl(56,26%,58%)
rgb(175,171,120)
cmyk(0,2,31,31)

Color shades in Green range

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

hsl(205,100%,24%)
rgb(0,71,120)
cmyk(100,41,0,53)
hsl(192,100%,24%)
rgb(0,96,120)
cmyk(100,20,0,53)
hsl(180,100%,24%)
rgb(0,121,120)
cmyk(100,0,1,53)
hsl(169,100%,29%)
rgb(0,146,120)
cmyk(100,0,18,43)
hsl(162,100%,34%)
rgb(0,171,120)
cmyk(100,0,30,33)
hsl(157,100%,38%)
rgb(0,196,120)
cmyk(100,0,39,23)
hsl(153,100%,43%)
rgb(0,221,120)
cmyk(100,0,46,13)
hsl(149,100%,48%)
rgb(0,246,120)
cmyk(100,0,51,4)

Color shades in Blue range

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

hsl(127,100%,34%)
rgb(0,171,20)
cmyk(100,0,88,33)
hsl(136,100%,34%)
rgb(0,171,45)
cmyk(100,0,74,33)
hsl(145,100%,34%)
rgb(0,171,70)
cmyk(100,0,59,33)
hsl(153,100%,34%)
rgb(0,171,95)
cmyk(100,0,44,33)
hsl(162,100%,34%)
rgb(0,171,120)
cmyk(100,0,30,33)
hsl(171,100%,34%)
rgb(0,171,145)
cmyk(100,0,15,33)
hsl(180,100%,34%)
rgb(0,171,170)
cmyk(100,0,1,33)
hsl(187,100%,38%)
rgb(0,171,195)
cmyk(100,12,0,24)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(120,23%,57%)
rgb(120,171,120)
cmyk(30,0,30,33)
hsl(135,29%,54%)
rgb(103,171,120)
cmyk(40,0,30,33)
hsl(144,34%,50%)
rgb(85,171,120)
cmyk(50,0,30,33)
hsl(150,43%,47%)
rgb(68,171,120)
cmyk(60,0,30,33)
hsl(154,54%,44%)
rgb(51,171,120)
cmyk(70,0,30,33)
hsl(158,67%,40%)
rgb(34,171,120)
cmyk(80,0,30,33)
hsl(160,82%,37%)
rgb(17,171,120)
cmyk(90,0,30,33)
hsl(162,100%,34%)
rgb(0,171,120)
cmyk(100,0,30,33)

Color shades in Magenta range

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

hsl(162,100%,34%)
rgb(0,171,120)
cmyk(100,0,30,33)
hsl(167,100%,30%)
rgb(0,154,120)
cmyk(100,0,22,40)
hsl(173,100%,27%)
rgb(0,137,120)
cmyk(100,0,13,46)
hsl(180,100%,23%)
rgb(0,120,120)
cmyk(100,0,0,53)
hsl(189,100%,23%)
rgb(0,103,120)
cmyk(100,14,0,53)
hsl(197,100%,23%)
rgb(0,85,120)
cmyk(100,29,0,53)
hsl(206,100%,23%)
rgb(0,68,120)
cmyk(100,43,0,53)
hsl(214,100%,23%)
rgb(0,51,120)
cmyk(100,57,0,53)

Color shades in Yellow range

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

hsl(180,100%,34%)
rgb(0,171,171)
cmyk(100,0,0,33)
hsl(174,100%,34%)
rgb(0,171,154)
cmyk(100,0,10,33)
hsl(168,100%,34%)
rgb(0,171,137)
cmyk(100,0,20,33)
hsl(162,100%,34%)
rgb(0,171,120)
cmyk(100,0,30,33)
hsl(156,100%,34%)
rgb(0,171,103)
cmyk(100,0,40,33)
hsl(150,100%,34%)
rgb(0,171,85)
cmyk(100,0,50,33)
hsl(144,100%,34%)
rgb(0,171,68)
cmyk(100,0,60,33)
hsl(138,100%,34%)
rgb(0,171,51)
cmyk(100,0,70,33)

Color shades in Black range

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

hsl(162,100%,50%)
rgb(0,255,179)
cmyk(100,0,30,0)
hsl(162,100%,45%)
rgb(0,230,161)
cmyk(100,0,30,10)
hsl(162,100%,40%)
rgb(0,204,143)
cmyk(100,0,30,20)
hsl(162,100%,35%)
rgb(0,179,125)
cmyk(100,0,30,30)
hsl(162,100%,30%)
rgb(0,153,107)
cmyk(100,0,30,40)
hsl(162,100%,25%)
rgb(0,128,89)
cmyk(100,0,30,50)
hsl(162,100%,20%)
rgb(0,102,71)
cmyk(100,0,30,60)
hsl(162,100%,15%)
rgb(0,77,54)
cmyk(100,0,30,70)

Color HTML/CSS(CSS3) Example

Color rgb(0,171,120) usage in CSS

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


Color #00AB78 usage in CSS

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


Color hsl(162,100%,34%) usage in CSS

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