rgb(171,171,34) / #ABAB22

rgb(171,171,34)

hsl(60,67%,40%)

cmyk(0,0,80,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(60,67%,10%)
rgb(43,43,8)
cmyk(0,0,80,83)
hsl(60,67%,20%)
rgb(85,85,17)
cmyk(0,0,80,67)
hsl(60,67%,30%)
rgb(128,128,25)
cmyk(0,0,80,50)
hsl(60,67%,40%)
rgb(170,170,34)
cmyk(0,0,80,33)
hsl(60,67%,50%)
rgb(213,213,42)
cmyk(0,0,80,17)
hsl(60,67%,60%)
rgb(221,221,85)
cmyk(0,0,62,13)
hsl(60,67%,70%)
rgb(230,230,127)
cmyk(0,0,45,10)

Color Saturation Range

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

hsl(60,27%,40%)
rgb(130,130,74)
cmyk(0,0,43,49)
hsl(60,37%,40%)
rgb(140,140,64)
cmyk(0,0,54,45)
hsl(60,47%,40%)
rgb(150,150,54)
cmyk(0,0,64,41)
hsl(60,57%,40%)
rgb(160,160,44)
cmyk(0,0,73,37)
hsl(60,67%,40%)
rgb(170,170,34)
cmyk(0,0,80,33)
hsl(60,77%,40%)
rgb(181,181,23)
cmyk(0,0,87,29)
hsl(60,87%,40%)
rgb(191,191,13)
cmyk(0,0,93,25)
hsl(60,97%,40%)
rgb(201,201,3)
cmyk(0,0,98,21)

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(20,67%,40%)
rgb(170,79,34)
cmyk(0,53,80,33)
hsl(30,67%,40%)
rgb(170,102,34)
cmyk(0,40,80,33)
hsl(40,67%,40%)
rgb(170,125,34)
cmyk(0,27,80,33)
hsl(50,67%,40%)
rgb(170,148,34)
cmyk(0,13,80,33)
hsl(60,67%,40%)
rgb(170,170,34)
cmyk(0,0,80,33)
hsl(70,67%,40%)
rgb(148,170,34)
cmyk(13,0,80,33)
hsl(80,67%,40%)
rgb(125,170,34)
cmyk(27,0,80,33)
hsl(90,67%,40%)
rgb(102,170,34)
cmyk(40,0,80,33)

Color Shades in RGB model range

Color shades in Red range

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

hsl(104,67%,40%)
rgb(71,171,34)
cmyk(58,0,80,33)
hsl(93,67%,40%)
rgb(96,171,34)
cmyk(44,0,80,33)
hsl(82,67%,40%)
rgb(121,171,34)
cmyk(29,0,80,33)
hsl(71,67%,40%)
rgb(146,171,34)
cmyk(15,0,80,33)
hsl(60,67%,40%)
rgb(171,171,34)
cmyk(0,0,80,33)
hsl(51,70%,45%)
rgb(196,171,34)
cmyk(0,13,83,23)
hsl(44,73%,50%)
rgb(221,171,34)
cmyk(0,23,85,13)
hsl(39,92%,55%)
rgb(246,171,34)
cmyk(0,30,86,4)

Color shades in Green range

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

hsl(16,67%,40%)
rgb(171,71,34)
cmyk(0,58,80,33)
hsl(27,67%,40%)
rgb(171,96,34)
cmyk(0,44,80,33)
hsl(38,67%,40%)
rgb(171,121,34)
cmyk(0,29,80,33)
hsl(49,67%,40%)
rgb(171,146,34)
cmyk(0,15,80,33)
hsl(60,67%,40%)
rgb(171,171,34)
cmyk(0,0,80,33)
hsl(69,70%,45%)
rgb(171,196,34)
cmyk(13,0,83,23)
hsl(76,73%,50%)
rgb(171,221,34)
cmyk(23,0,85,13)
hsl(81,92%,55%)
rgb(171,246,34)
cmyk(30,0,86,4)

Color shades in Blue range

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

hsl(60,100%,34%)
rgb(171,171,0)
cmyk(0,0,100,33)
hsl(60,74%,38%)
rgb(171,171,25)
cmyk(0,0,85,33)
hsl(60,55%,43%)
rgb(171,171,50)
cmyk(0,0,71,33)
hsl(60,39%,48%)
rgb(171,171,75)
cmyk(0,0,56,33)
hsl(60,30%,53%)
rgb(171,171,100)
cmyk(0,0,42,33)
hsl(60,21%,58%)
rgb(171,171,125)
cmyk(0,0,27,33)
hsl(60,11%,63%)
rgb(171,171,150)
cmyk(0,0,12,33)
hsl(240,2%,68%)
rgb(171,171,175)
cmyk(2,2,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(60,67%,40%)
rgb(171,171,34)
cmyk(0,0,80,33)
hsl(68,67%,40%)
rgb(154,171,34)
cmyk(10,0,80,33)
hsl(75,67%,40%)
rgb(137,171,34)
cmyk(20,0,80,33)
hsl(83,67%,40%)
rgb(120,171,34)
cmyk(30,0,80,33)
hsl(90,67%,40%)
rgb(103,171,34)
cmyk(40,0,80,33)
hsl(98,67%,40%)
rgb(85,171,34)
cmyk(50,0,80,33)
hsl(105,67%,40%)
rgb(68,171,34)
cmyk(60,0,80,33)
hsl(113,67%,40%)
rgb(51,171,34)
cmyk(70,0,80,33)

Color shades in Magenta range

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

hsl(60,67%,40%)
rgb(171,171,34)
cmyk(0,0,80,33)
hsl(53,67%,40%)
rgb(171,154,34)
cmyk(0,10,80,33)
hsl(45,67%,40%)
rgb(171,137,34)
cmyk(0,20,80,33)
hsl(38,67%,40%)
rgb(171,120,34)
cmyk(0,30,80,33)
hsl(30,67%,40%)
rgb(171,103,34)
cmyk(0,40,80,33)
hsl(22,67%,40%)
rgb(171,85,34)
cmyk(0,50,80,33)
hsl(15,67%,40%)
rgb(171,68,34)
cmyk(0,60,80,33)
hsl(7,67%,40%)
rgb(171,51,34)
cmyk(0,70,80,33)

Color shades in Yellow range

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

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

Color shades in Black range

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

hsl(60,67%,42%)
rgb(179,179,36)
cmyk(0,0,80,30)
hsl(60,67%,36%)
rgb(153,153,31)
cmyk(0,0,80,40)
hsl(60,67%,30%)
rgb(128,128,25)
cmyk(0,0,80,50)
hsl(60,67%,24%)
rgb(102,102,20)
cmyk(0,0,80,60)
hsl(60,67%,18%)
rgb(77,77,15)
cmyk(0,0,80,70)
hsl(60,67%,12%)
rgb(51,51,10)
cmyk(0,0,80,80)
hsl(60,67%,6%)
rgb(25,25,5)
cmyk(0,0,80,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(171,171,34) usage in CSS

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


Color #ABAB22 usage in CSS

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


Color hsl(60,67%,40%) usage in CSS

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