SaddleBrown rgb(139,69,19) / #8B4513

SaddleBrown

rgb(139,69,19)

hsl(25,76%,31%)

cmyk(0,50,86,45)


SaddleBrown Color Shades in HSL model

SaddleBrown 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(25,76%,10%)
rgb(45,22,6)
cmyk(0,50,86,82)
hsl(25,76%,20%)
rgb(90,45,12)
cmyk(0,50,86,65)
hsl(25,76%,30%)
rgb(135,67,18)
cmyk(0,50,86,47)
hsl(25,76%,40%)
rgb(180,89,24)
cmyk(0,50,86,30)
hsl(25,76%,50%)
rgb(224,111,31)
cmyk(0,50,86,12)
hsl(25,76%,60%)
rgb(231,140,75)
cmyk(0,39,67,10)
hsl(25,76%,70%)
rgb(237,169,120)
cmyk(0,29,49,7)

SaddleBrown Color Saturation Range

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

hsl(25,30%,31%)
rgb(103,75,55)
cmyk(0,27,46,60)
hsl(25,40%,31%)
rgb(111,74,47)
cmyk(0,33,57,57)
hsl(25,50%,31%)
rgb(119,72,40)
cmyk(0,39,67,54)
hsl(25,60%,31%)
rgb(126,71,32)
cmyk(0,44,75,50)
hsl(25,70%,31%)
rgb(134,70,24)
cmyk(0,48,82,47)
hsl(25,80%,31%)
rgb(142,69,16)
cmyk(0,52,89,44)
hsl(25,90%,31%)
rgb(150,67,8)
cmyk(0,55,95,41)
hsl(25,100%,31%)
rgb(158,66,0)
cmyk(0,58,100,38)

SaddleBrown 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,76%,31%)
rgb(139,19,19)
cmyk(0,86,86,45)
hsl(10,76%,31%)
rgb(139,39,19)
cmyk(0,72,86,45)
hsl(20,76%,31%)
rgb(139,59,19)
cmyk(0,58,86,45)
hsl(30,76%,31%)
rgb(139,79,19)
cmyk(0,43,86,45)
hsl(40,76%,31%)
rgb(139,99,19)
cmyk(0,29,86,45)
hsl(50,76%,31%)
rgb(139,119,19)
cmyk(0,14,86,45)
hsl(60,76%,31%)
rgb(139,139,19)
cmyk(0,0,86,45)
hsl(70,76%,31%)
rgb(119,139,19)
cmyk(14,0,86,45)

SaddleBrown Color Shades in RGB model range

Color shades in Red range

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

hsl(96,57%,17%)
rgb(39,69,19)
cmyk(43,0,72,73)
hsl(66,57%,17%)
rgb(64,69,19)
cmyk(7,0,72,73)
hsl(43,65%,21%)
rgb(89,69,19)
cmyk(0,22,79,65)
hsl(32,71%,26%)
rgb(114,69,19)
cmyk(0,39,83,55)
hsl(25,76%,31%)
rgb(139,69,19)
cmyk(0,50,86,45)
hsl(21,79%,36%)
rgb(164,69,19)
cmyk(0,58,88,36)
hsl(18,82%,41%)
rgb(189,69,19)
cmyk(0,63,90,26)
hsl(15,84%,46%)
rgb(214,69,19)
cmyk(0,68,91,16)

Color shades in Green range

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

hsl(352,100%,27%)
rgb(139,0,19)
cmyk(0,100,86,45)
hsl(3,76%,31%)
rgb(139,25,19)
cmyk(0,82,86,45)
hsl(16,76%,31%)
rgb(139,50,19)
cmyk(0,64,86,45)
hsl(28,76%,31%)
rgb(139,75,19)
cmyk(0,46,86,45)
hsl(41,76%,31%)
rgb(139,100,19)
cmyk(0,28,86,45)
hsl(53,76%,31%)
rgb(139,125,19)
cmyk(0,10,86,45)
hsl(65,78%,33%)
rgb(139,150,19)
cmyk(7,0,87,41)
hsl(74,80%,38%)
rgb(139,175,19)
cmyk(21,0,89,31)

Color shades in Blue range

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

hsl(30,100%,27%)
rgb(139,69,0)
cmyk(0,50,100,45)
hsl(23,70%,32%)
rgb(139,69,25)
cmyk(0,50,82,45)
hsl(13,47%,37%)
rgb(139,69,50)
cmyk(0,50,64,45)
hsl(355,34%,41%)
rgb(139,69,75)
cmyk(0,50,46,45)
hsl(333,34%,41%)
rgb(139,69,100)
cmyk(0,50,28,45)
hsl(312,34%,41%)
rgb(139,69,125)
cmyk(0,50,10,45)
hsl(292,37%,43%)
rgb(139,69,150)
cmyk(7,54,0,41)
hsl(280,43%,48%)
rgb(139,69,175)
cmyk(21,61,0,31)

SaddleBrown Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(25,75%,31%)
rgb(140,70,20)
cmyk(0,50,86,45)
hsl(28,73%,29%)
rgb(126,70,20)
cmyk(0,44,84,51)
hsl(33,70%,26%)
rgb(112,70,20)
cmyk(0,38,83,56)
hsl(39,67%,23%)
rgb(98,70,20)
cmyk(0,29,80,62)
hsl(47,62%,20%)
rgb(84,70,20)
cmyk(0,17,77,67)
hsl(60,56%,18%)
rgb(70,70,20)
cmyk(0,0,72,73)
hsl(77,56%,18%)
rgb(56,70,20)
cmyk(20,0,72,73)
hsl(93,56%,18%)
rgb(42,70,20)
cmyk(40,0,72,73)

Color shades in Magenta range

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

hsl(53,75%,31%)
rgb(140,126,20)
cmyk(0,10,86,45)
hsl(46,75%,31%)
rgb(140,112,20)
cmyk(0,20,86,45)
hsl(39,75%,31%)
rgb(140,98,20)
cmyk(0,30,86,45)
hsl(32,75%,31%)
rgb(140,84,20)
cmyk(0,40,86,45)
hsl(25,75%,31%)
rgb(140,70,20)
cmyk(0,50,86,45)
hsl(18,75%,31%)
rgb(140,56,20)
cmyk(0,60,86,45)
hsl(11,75%,31%)
rgb(140,42,20)
cmyk(0,70,86,45)
hsl(4,75%,31%)
rgb(140,28,20)
cmyk(0,80,86,45)

Color shades in Yellow range

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

hsl(336,33%,41%)
rgb(140,70,98)
cmyk(0,50,30,45)
hsl(348,33%,41%)
rgb(140,70,84)
cmyk(0,50,40,45)
hsl(0,33%,41%)
rgb(140,70,70)
cmyk(0,50,50,45)
hsl(10,43%,39%)
rgb(140,70,56)
cmyk(0,50,60,45)
hsl(17,54%,36%)
rgb(140,70,42)
cmyk(0,50,70,45)
hsl(22,67%,33%)
rgb(140,70,28)
cmyk(0,50,80,45)
hsl(27,82%,30%)
rgb(140,70,14)
cmyk(0,50,90,45)
hsl(30,100%,28%)
rgb(140,70,0)
cmyk(0,50,100,45)

Color shades in Black range

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

hsl(25,75%,40%)
rgb(179,89,25)
cmyk(0,50,86,30)
hsl(25,75%,34%)
rgb(153,77,21)
cmyk(0,50,86,40)
hsl(25,75%,29%)
rgb(128,64,18)
cmyk(0,50,86,50)
hsl(25,75%,23%)
rgb(102,51,14)
cmyk(0,50,86,60)
hsl(25,75%,17%)
rgb(77,38,11)
cmyk(0,50,86,70)
hsl(25,75%,11%)
rgb(51,25,7)
cmyk(0,50,86,80)
hsl(25,75%,6%)
rgb(25,13,4)
cmyk(0,50,86,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(139,69,19) usage in CSS

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


Color #8B4513 usage in CSS

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


Color hsl(25,76%,31%) usage in CSS

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