rgb(51,171,85) / #33AB55

rgb(51,171,85)

hsl(137,54%,44%)

cmyk(70,0,50,33)


Color Shades in HSL model

Color Lightness Range

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

hsl(137,54%,4%)
rgb(5,16,8)
cmyk(70,0,50,94)
hsl(137,54%,14%)
rgb(16,55,27)
cmyk(70,0,50,78)
hsl(137,54%,24%)
rgb(28,94,47)
cmyk(70,0,50,63)
hsl(137,54%,34%)
rgb(40,134,66)
cmyk(70,0,50,48)
hsl(137,54%,44%)
rgb(52,173,86)
cmyk(70,0,50,32)
hsl(137,54%,54%)
rgb(74,201,110)
cmyk(63,0,45,21)
hsl(137,54%,64%)
rgb(114,213,142)
cmyk(47,0,33,17)
hsl(137,54%,74%)
rgb(153,225,173)
cmyk(32,0,23,12)

Color Saturation Range

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

hsl(137,14%,44%)
rgb(96,128,105)
cmyk(25,0,18,50)
hsl(137,24%,44%)
rgb(85,139,101)
cmyk(39,0,28,45)
hsl(137,34%,44%)
rgb(74,150,96)
cmyk(51,0,36,41)
hsl(137,44%,44%)
rgb(63,162,91)
cmyk(61,0,44,37)
hsl(137,54%,44%)
rgb(52,173,86)
cmyk(70,0,50,32)
hsl(137,64%,44%)
rgb(40,184,81)
cmyk(78,0,56,28)
hsl(137,74%,44%)
rgb(29,195,76)
cmyk(85,0,61,23)
hsl(137,84%,44%)
rgb(18,206,71)
cmyk(91,0,65,19)

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(97,54%,44%)
rgb(98,173,52)
cmyk(43,0,70,32)
hsl(107,54%,44%)
rgb(78,173,52)
cmyk(55,0,70,32)
hsl(117,54%,44%)
rgb(58,173,52)
cmyk(67,0,70,32)
hsl(127,54%,44%)
rgb(52,173,66)
cmyk(70,0,62,32)
hsl(137,54%,44%)
rgb(52,173,86)
cmyk(70,0,50,32)
hsl(147,54%,44%)
rgb(52,173,106)
cmyk(70,0,39,32)
hsl(157,54%,44%)
rgb(52,173,126)
cmyk(70,0,27,32)
hsl(167,54%,44%)
rgb(52,173,147)
cmyk(70,0,15,32)

Color Shades in RGB model range

Color shades in Red range

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

hsl(150,100%,34%)
rgb(0,171,85)
cmyk(100,0,50,33)
hsl(145,74%,38%)
rgb(25,171,85)
cmyk(85,0,50,33)
hsl(137,55%,43%)
rgb(50,171,85)
cmyk(71,0,50,33)
hsl(126,39%,48%)
rgb(75,171,85)
cmyk(56,0,50,33)
hsl(110,34%,50%)
rgb(100,171,85)
cmyk(42,0,50,33)
hsl(92,34%,50%)
rgb(125,171,85)
cmyk(27,0,50,33)
hsl(75,34%,50%)
rgb(150,171,85)
cmyk(12,0,50,33)
hsl(57,36%,51%)
rgb(175,171,85)
cmyk(0,2,51,31)

Color shades in Green range

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

hsl(205,25%,27%)
rgb(51,71,85)
cmyk(40,16,0,67)
hsl(165,31%,29%)
rgb(51,96,85)
cmyk(47,0,11,62)
hsl(149,41%,34%)
rgb(51,121,85)
cmyk(58,0,30,53)
hsl(141,48%,39%)
rgb(51,146,85)
cmyk(65,0,42,43)
hsl(137,54%,44%)
rgb(51,171,85)
cmyk(70,0,50,33)
hsl(134,59%,48%)
rgb(51,196,85)
cmyk(74,0,57,23)
hsl(132,71%,53%)
rgb(51,221,85)
cmyk(77,0,62,13)
hsl(130,92%,58%)
rgb(51,246,85)
cmyk(79,0,65,4)

Color shades in Blue range

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

hsl(102,100%,34%)
rgb(51,171,0)
cmyk(70,0,100,33)
hsl(109,74%,38%)
rgb(51,171,25)
cmyk(70,0,85,33)
hsl(120,55%,43%)
rgb(51,171,50)
cmyk(70,0,71,33)
hsl(132,54%,44%)
rgb(51,171,75)
cmyk(70,0,56,33)
hsl(145,54%,44%)
rgb(51,171,100)
cmyk(70,0,42,33)
hsl(157,54%,44%)
rgb(51,171,125)
cmyk(70,0,27,33)
hsl(170,54%,44%)
rgb(51,171,150)
cmyk(70,0,12,33)
hsl(182,55%,44%)
rgb(51,171,175)
cmyk(71,2,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(96,34%,50%)
rgb(120,171,85)
cmyk(30,0,50,33)
hsl(108,34%,50%)
rgb(103,171,85)
cmyk(40,0,50,33)
hsl(120,34%,50%)
rgb(85,171,85)
cmyk(50,0,50,33)
hsl(130,43%,47%)
rgb(68,171,85)
cmyk(60,0,50,33)
hsl(137,54%,44%)
rgb(51,171,85)
cmyk(70,0,50,33)
hsl(143,67%,40%)
rgb(34,171,85)
cmyk(80,0,50,33)
hsl(147,82%,37%)
rgb(17,171,85)
cmyk(90,0,50,33)
hsl(150,100%,34%)
rgb(0,171,85)
cmyk(100,0,50,33)

Color shades in Magenta range

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

hsl(137,54%,44%)
rgb(51,171,85)
cmyk(70,0,50,33)
hsl(140,50%,40%)
rgb(51,154,85)
cmyk(67,0,44,40)
hsl(144,45%,37%)
rgb(51,137,85)
cmyk(62,0,38,46)
hsl(150,40%,34%)
rgb(51,120,85)
cmyk(57,0,29,53)
hsl(160,33%,30%)
rgb(51,103,85)
cmyk(50,0,17,60)
hsl(180,25%,27%)
rgb(51,85,85)
cmyk(40,0,0,67)
hsl(210,25%,27%)
rgb(51,68,85)
cmyk(40,20,0,67)
hsl(240,25%,27%)
rgb(51,51,85)
cmyk(40,40,0,67)

Color shades in Yellow range

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

hsl(171,54%,44%)
rgb(51,171,154)
cmyk(70,0,10,33)
hsl(163,54%,44%)
rgb(51,171,137)
cmyk(70,0,20,33)
hsl(154,54%,44%)
rgb(51,171,120)
cmyk(70,0,30,33)
hsl(146,54%,44%)
rgb(51,171,103)
cmyk(70,0,40,33)
hsl(137,54%,44%)
rgb(51,171,85)
cmyk(70,0,50,33)
hsl(129,54%,44%)
rgb(51,171,68)
cmyk(70,0,60,33)
hsl(120,54%,44%)
rgb(51,171,51)
cmyk(70,0,70,33)
hsl(113,67%,40%)
rgb(51,171,34)
cmyk(70,0,80,33)

Color shades in Black range

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

hsl(137,76%,59%)
rgb(69,230,115)
cmyk(70,0,50,10)
hsl(137,58%,52%)
rgb(61,204,102)
cmyk(70,0,50,20)
hsl(137,54%,46%)
rgb(54,179,89)
cmyk(70,0,50,30)
hsl(137,54%,39%)
rgb(46,153,77)
cmyk(70,0,50,40)
hsl(137,54%,33%)
rgb(38,128,64)
cmyk(70,0,50,50)
hsl(137,54%,26%)
rgb(31,102,51)
cmyk(70,0,50,60)
hsl(137,54%,20%)
rgb(23,77,38)
cmyk(70,0,50,70)
hsl(137,54%,13%)
rgb(15,51,25)
cmyk(70,0,50,80)

Color HTML/CSS(CSS3) Example

Color rgb(51,171,85) usage in CSS

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


Color #33AB55 usage in CSS

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


Color hsl(137,54%,44%) usage in CSS

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