rgb(103,171,85) / #67AB55

rgb(103,171,85)

hsl(107,34%,50%)

cmyk(40,0,50,33)


Color Shades in HSL model

Color Lightness Range

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

hsl(107,34%,10%)
rgb(21,34,17)
cmyk(40,0,51,87)
hsl(107,34%,20%)
rgb(41,68,34)
cmyk(40,0,51,73)
hsl(107,34%,30%)
rgb(62,103,50)
cmyk(40,0,51,60)
hsl(107,34%,40%)
rgb(82,137,67)
cmyk(40,0,51,46)
hsl(107,34%,50%)
rgb(103,171,84)
cmyk(40,0,51,33)
hsl(107,34%,60%)
rgb(133,188,118)
cmyk(29,0,37,26)
hsl(107,34%,70%)
rgb(164,205,152)
cmyk(20,0,25,20)
hsl(107,34%,80%)
rgb(194,221,187)
cmyk(12,0,16,13)

Color Saturation Range

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

hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50)
hsl(107,10%,50%)
rgb(120,140,115)
cmyk(14,0,18,45)
hsl(107,20%,50%)
rgb(113,153,102)
cmyk(26,0,33,40)
hsl(107,30%,50%)
rgb(106,166,89)
cmyk(36,0,46,35)
hsl(107,40%,50%)
rgb(99,179,77)
cmyk(45,0,57,30)
hsl(107,50%,50%)
rgb(91,191,64)
cmyk(52,0,67,25)
hsl(107,60%,50%)
rgb(84,204,51)
cmyk(59,0,75,20)
hsl(107,70%,50%)
rgb(77,217,38)
cmyk(65,0,82,15)

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(67,34%,50%)
rgb(161,171,84)
cmyk(6,0,51,33)
hsl(77,34%,50%)
rgb(146,171,84)
cmyk(14,0,51,33)
hsl(87,34%,50%)
rgb(132,171,84)
cmyk(23,0,51,33)
hsl(97,34%,50%)
rgb(117,171,84)
cmyk(31,0,51,33)
hsl(107,34%,50%)
rgb(103,171,84)
cmyk(40,0,51,33)
hsl(117,34%,50%)
rgb(88,171,84)
cmyk(48,0,51,33)
hsl(127,34%,50%)
rgb(84,171,94)
cmyk(51,0,45,33)
hsl(137,34%,50%)
rgb(84,171,109)
cmyk(51,0,36,33)

Color Shades in RGB model range

Color shades in Red range

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

hsl(149,97%,34%)
rgb(3,171,85)
cmyk(98,0,50,33)
hsl(144,72%,39%)
rgb(28,171,85)
cmyk(84,0,50,33)
hsl(136,53%,44%)
rgb(53,171,85)
cmyk(69,0,50,33)
hsl(125,37%,49%)
rgb(78,171,85)
cmyk(54,0,50,33)
hsl(107,34%,50%)
rgb(103,171,85)
cmyk(40,0,50,33)
hsl(90,34%,50%)
rgb(128,171,85)
cmyk(25,0,50,33)
hsl(73,34%,50%)
rgb(153,171,85)
cmyk(11,0,50,33)
hsl(55,38%,52%)
rgb(178,171,85)
cmyk(0,4,52,30)

Color shades in Green range

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

hsl(334,18%,34%)
rgb(103,71,85)
cmyk(0,31,17,60)
hsl(37,10%,37%)
rgb(103,96,85)
cmyk(0,7,17,60)
hsl(90,17%,40%)
rgb(103,121,85)
cmyk(15,0,30,53)
hsl(102,26%,45%)
rgb(103,146,85)
cmyk(29,0,42,43)
hsl(107,34%,50%)
rgb(103,171,85)
cmyk(40,0,50,33)
hsl(110,48%,55%)
rgb(103,196,85)
cmyk(47,0,57,23)
hsl(112,67%,60%)
rgb(103,221,85)
cmyk(53,0,62,13)
hsl(113,90%,65%)
rgb(103,246,85)
cmyk(58,0,65,4)

Color shades in Blue range

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

hsl(84,100%,34%)
rgb(103,171,0)
cmyk(40,0,100,33)
hsl(88,74%,38%)
rgb(103,171,25)
cmyk(40,0,85,33)
hsl(94,55%,43%)
rgb(103,171,50)
cmyk(40,0,71,33)
hsl(103,39%,48%)
rgb(103,171,75)
cmyk(40,0,56,33)
hsl(117,30%,53%)
rgb(103,171,100)
cmyk(40,0,42,33)
hsl(139,29%,54%)
rgb(103,171,125)
cmyk(40,0,27,33)
hsl(161,29%,54%)
rgb(103,171,150)
cmyk(40,0,12,33)
hsl(183,31%,55%)
rgb(103,171,175)
cmyk(41,2,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(60,34%,50%)
rgb(171,171,85)
cmyk(0,0,50,33)
hsl(72,34%,50%)
rgb(154,171,85)
cmyk(10,0,50,33)
hsl(84,34%,50%)
rgb(137,171,85)
cmyk(20,0,50,33)
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)

Color shades in Magenta range

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

hsl(108,34%,50%)
rgb(103,171,85)
cmyk(40,0,50,33)
hsl(105,29%,47%)
rgb(103,154,85)
cmyk(33,0,44,40)
hsl(100,23%,44%)
rgb(103,137,85)
cmyk(25,0,38,46)
hsl(90,17%,40%)
rgb(103,120,85)
cmyk(14,0,29,53)
hsl(60,9%,37%)
rgb(103,103,85)
cmyk(0,0,17,60)
hsl(0,9%,37%)
rgb(103,85,85)
cmyk(0,17,17,60)
hsl(330,20%,34%)
rgb(103,68,85)
cmyk(0,33,17,60)
hsl(320,33%,30%)
rgb(103,51,85)
cmyk(0,50,17,60)

Color shades in Yellow range

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

hsl(165,29%,54%)
rgb(103,171,154)
cmyk(40,0,10,33)
hsl(150,29%,54%)
rgb(103,171,137)
cmyk(40,0,20,33)
hsl(135,29%,54%)
rgb(103,171,120)
cmyk(40,0,30,33)
hsl(120,29%,54%)
rgb(103,171,103)
cmyk(40,0,40,33)
hsl(108,34%,50%)
rgb(103,171,85)
cmyk(40,0,50,33)
hsl(100,43%,47%)
rgb(103,171,68)
cmyk(40,0,60,33)
hsl(94,54%,44%)
rgb(103,171,51)
cmyk(40,0,70,33)
hsl(90,67%,40%)
rgb(103,171,34)
cmyk(40,0,80,33)

Color shades in Black range

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

hsl(108,69%,68%)
rgb(138,230,115)
cmyk(40,0,50,10)
hsl(108,50%,60%)
rgb(122,204,102)
cmyk(40,0,50,20)
hsl(108,37%,53%)
rgb(107,179,89)
cmyk(40,0,50,30)
hsl(108,33%,45%)
rgb(92,153,77)
cmyk(40,0,50,40)
hsl(108,33%,38%)
rgb(77,128,64)
cmyk(40,0,50,50)
hsl(108,33%,30%)
rgb(61,102,51)
cmyk(40,0,50,60)
hsl(108,33%,23%)
rgb(46,77,38)
cmyk(40,0,50,70)
hsl(108,33%,15%)
rgb(31,51,25)
cmyk(40,0,50,80)

Color HTML/CSS(CSS3) Example

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

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


Color #67AB55 usage in CSS

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


Color hsl(107,34%,50%) usage in CSS

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