rgb(255,170,85) / #FFAA55

rgb(255,170,85)

hsl(30,100%,67%)

cmyk(0,33,67,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(30,100%,27%)
rgb(138,69,0)
cmyk(0,50,100,46)
hsl(30,100%,37%)
rgb(189,94,0)
cmyk(0,50,100,26)
hsl(30,100%,47%)
rgb(240,120,0)
cmyk(0,50,100,6)
hsl(30,100%,57%)
rgb(255,145,36)
cmyk(0,43,86,0)
hsl(30,100%,67%)
rgb(255,171,87)
cmyk(0,33,66,0)
hsl(30,100%,77%)
rgb(255,196,138)
cmyk(0,23,46,0)
hsl(30,100%,87%)
rgb(255,222,189)
cmyk(0,13,26,0)
hsl(30,100%,97%)
rgb(255,247,240)
cmyk(0,3,6,0)

Color Saturation Range

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

hsl(30,30%,67%)
rgb(196,171,146)
cmyk(0,13,26,23)
hsl(30,40%,67%)
rgb(205,171,137)
cmyk(0,16,33,20)
hsl(30,50%,67%)
rgb(213,171,129)
cmyk(0,20,40,17)
hsl(30,60%,67%)
rgb(221,171,120)
cmyk(0,23,46,13)
hsl(30,70%,67%)
rgb(230,171,112)
cmyk(0,26,51,10)
hsl(30,80%,67%)
rgb(238,171,104)
cmyk(0,28,57,7)
hsl(30,90%,67%)
rgb(247,171,95)
cmyk(0,31,61,3)
hsl(30,100%,67%)
rgb(255,171,87)
cmyk(0,33,66,0)

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(0,100%,67%)
rgb(255,87,87)
cmyk(0,66,66,0)
hsl(10,100%,67%)
rgb(255,115,87)
cmyk(0,55,66,0)
hsl(20,100%,67%)
rgb(255,143,87)
cmyk(0,44,66,0)
hsl(30,100%,67%)
rgb(255,171,87)
cmyk(0,33,66,0)
hsl(40,100%,67%)
rgb(255,199,87)
cmyk(0,22,66,0)
hsl(50,100%,67%)
rgb(255,227,87)
cmyk(0,11,66,0)
hsl(60,100%,67%)
rgb(255,255,87)
cmyk(0,0,66,0)
hsl(70,100%,67%)
rgb(227,255,87)
cmyk(11,0,66,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(123,36%,49%)
rgb(80,170,85)
cmyk(53,0,50,33)
hsl(106,33%,50%)
rgb(105,170,85)
cmyk(38,0,50,33)
hsl(88,33%,50%)
rgb(130,170,85)
cmyk(24,0,50,33)
hsl(71,33%,50%)
rgb(155,170,85)
cmyk(9,0,50,33)
hsl(54,39%,52%)
rgb(180,170,85)
cmyk(0,6,53,29)
hsl(42,55%,57%)
rgb(205,170,85)
cmyk(0,17,59,20)
hsl(35,74%,62%)
rgb(230,170,85)
cmyk(0,26,63,10)
hsl(30,100%,67%)
rgb(255,170,85)
cmyk(0,33,67,0)

Color shades in Green range

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

hsl(355,100%,64%)
rgb(255,70,85)
cmyk(0,73,67,0)
hsl(4,100%,67%)
rgb(255,95,85)
cmyk(0,63,67,0)
hsl(12,100%,67%)
rgb(255,120,85)
cmyk(0,53,67,0)
hsl(21,100%,67%)
rgb(255,145,85)
cmyk(0,43,67,0)
hsl(30,100%,67%)
rgb(255,170,85)
cmyk(0,33,67,0)
hsl(39,100%,67%)
rgb(255,195,85)
cmyk(0,24,67,0)
hsl(48,100%,67%)
rgb(255,220,85)
cmyk(0,14,67,0)
hsl(56,100%,67%)
rgb(255,245,85)
cmyk(0,4,67,0)

Color shades in Blue range

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

hsl(40,100%,50%)
rgb(255,170,0)
cmyk(0,33,100,0)
hsl(38,100%,55%)
rgb(255,170,25)
cmyk(0,33,90,0)
hsl(35,100%,60%)
rgb(255,170,50)
cmyk(0,33,80,0)
hsl(32,100%,65%)
rgb(255,170,75)
cmyk(0,33,71,0)
hsl(27,100%,70%)
rgb(255,170,100)
cmyk(0,33,61,0)
hsl(21,100%,75%)
rgb(255,170,125)
cmyk(0,33,51,0)
hsl(11,100%,79%)
rgb(255,170,150)
cmyk(0,33,41,0)
hsl(356,100%,83%)
rgb(255,170,175)
cmyk(0,33,31,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(30,100%,67%)
rgb(255,171,84)
cmyk(0,33,67,0)
hsl(36,74%,62%)
rgb(230,171,84)
cmyk(0,26,63,10)
hsl(43,54%,56%)
rgb(204,171,84)
cmyk(0,16,59,20)
hsl(55,38%,51%)
rgb(179,171,84)
cmyk(0,4,53,30)
hsl(72,34%,50%)
rgb(153,171,84)
cmyk(10,0,51,33)
hsl(90,34%,50%)
rgb(128,171,84)
cmyk(25,0,51,33)
hsl(108,34%,50%)
rgb(102,171,84)
cmyk(40,0,51,33)
hsl(125,38%,49%)
rgb(77,171,84)
cmyk(55,0,51,33)

Color shades in Magenta range

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

hsl(60,100%,67%)
rgb(255,255,84)
cmyk(0,0,67,0)
hsl(51,100%,67%)
rgb(255,230,84)
cmyk(0,10,67,0)
hsl(42,100%,67%)
rgb(255,204,84)
cmyk(0,20,67,0)
hsl(33,100%,67%)
rgb(255,179,84)
cmyk(0,30,67,0)
hsl(24,100%,67%)
rgb(255,153,84)
cmyk(0,40,67,0)
hsl(15,100%,67%)
rgb(255,128,84)
cmyk(0,50,67,0)
hsl(6,100%,67%)
rgb(255,102,84)
cmyk(0,60,67,0)
hsl(357,100%,65%)
rgb(255,77,84)
cmyk(0,70,67,0)

Color shades in Yellow range

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

hsl(349,100%,84%)
rgb(255,171,186)
cmyk(0,33,27,0)
hsl(6,100%,82%)
rgb(255,171,161)
cmyk(0,33,37,0)
hsl(18,100%,77%)
rgb(255,171,135)
cmyk(0,33,47,0)
hsl(25,100%,72%)
rgb(255,171,110)
cmyk(0,33,57,0)
hsl(30,100%,67%)
rgb(255,171,84)
cmyk(0,33,67,0)
hsl(34,100%,62%)
rgb(255,171,59)
cmyk(0,33,77,0)
hsl(37,100%,56%)
rgb(255,171,33)
cmyk(0,33,87,0)
hsl(40,100%,52%)
rgb(255,171,8)
cmyk(0,33,97,0)

Color shades in Black range

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

hsl(30,50%,49%)
rgb(186,125,61)
cmyk(0,33,67,27)
hsl(30,50%,42%)
rgb(161,108,53)
cmyk(0,33,67,37)
hsl(30,50%,35%)
rgb(135,91,45)
cmyk(0,33,67,47)
hsl(30,50%,29%)
rgb(110,73,36)
cmyk(0,33,67,57)
hsl(30,50%,22%)
rgb(84,56,28)
cmyk(0,33,67,67)
hsl(30,50%,15%)
rgb(59,39,19)
cmyk(0,33,67,77)
hsl(30,50%,9%)
rgb(33,22,11)
cmyk(0,33,67,87)
hsl(30,50%,2%)
rgb(8,5,3)
cmyk(0,33,67,97)

Color HTML/CSS(CSS3) Example

Color rgb(255,170,85) usage in CSS

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


Color #FFAA55 usage in CSS

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


Color hsl(30,100%,67%) usage in CSS

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