colorhexa.com

#8b4516 hex color

In a RGB color space, hex #8b4516 is composed of 54.5% red, 27.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.4% magenta, 84.2% yellow and 45.5% black. It has a hue angle of 24.1 degrees, a saturation of 72.7% and a lightness of 31.6%. #8b4516 color hex could be obtained by blending #ff8a2c with #170000. Closest websafe color is: #993300.

- R 55
- G 27
- B 9
RGB color chart
- C 0
- M 50
- Y 84
- K 45
CMYK color chart

● #8b4516 color description : Dark orange [Brown tone].

The hexadecimal color #8b4516 has RGB values of R:139, G:69, B:22 and CMYK values of C:0, M:0.5, Y:0.84, K:0.45. Its decimal value is 9127190.

Hex triplet	8b4516	`#8b4516`
RGB Decimal	139, 69, 22	`rgb(139,69,22)`
RGB Percent	54.5, 27.1, 8.6	`rgb(54.5%,27.1%,8.6%)`
CMYK	0, 50, 84, 45
HSL	24.1°, 72.7, 31.6	`hsl(24.1,72.7%,31.6%)`
HSV (or HSB)	24.1°, 84.2, 54.5
Web Safe	993300	`#993300`

CIE-LAB	37.489, 26.536, 39.708
XYZ	12.921, 9.804, 1.971
xyY	0.523, 0.397, 9.804
CIE-LCH	37.489, 47.759, 56.247
CIE-LUV	37.489, 55.411, 30.97
Hunter-Lab	31.312, 18.862, 18.186
Binary	10001011, 01000101, 00010110

#8b4516
```
#8b4516 rgb(139,69,22)
```
#165c8b
```
#165c8b rgb(22,92,139)
```

Complementary Color

#8b1622
```
#8b1622 rgb(139,22,34)
```
#8b4516
```
#8b4516 rgb(139,69,22)
```
#8b8016
```
#8b8016 rgb(139,128,22)
```

Analogous Color

#16228b
```
#16228b rgb(22,34,139)
```
#8b4516
```
#8b4516 rgb(139,69,22)
```
#168b80
```
#168b80 rgb(22,139,128)
```

Split Complementary Color

#45168b
```
#45168b rgb(69,22,139)
```
#8b4516
```
#8b4516 rgb(139,69,22)
```
#168b45
```
#168b45 rgb(22,139,69)
```

Triadic Color

#49240c
```
#49240c rgb(73,36,12)
```
#5f2f0f
```
#5f2f0f rgb(95,47,15)
```
#753a13
```
#753a13 rgb(117,58,19)
```
#8b4516
```
#8b4516 rgb(139,69,22)
```
#a15019
```
#a15019 rgb(161,80,25)
```
#b75b1d
```
#b75b1d rgb(183,91,29)
```
#cd6620
```
#cd6620 rgb(205,102,32)
```

Monochromatic Color

Below, you can see some colors close to #8b4516. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#8b2816
```
#8b2816 rgb(139,40,22)
```
#8b3216
```
#8b3216 rgb(139,50,22)
```
#8b3b16
```
#8b3b16 rgb(139,59,22)
```
#8b4516
```
#8b4516 rgb(139,69,22)
```
#8b4f16
```
#8b4f16 rgb(139,79,22)
```
#8b5916
```
#8b5916 rgb(139,89,22)
```
#8b6216
```
#8b6216 rgb(139,98,22)
```

Similar Colors

Text with hexadecimal color #8b4516

This text has a font color of #8b4516.

<span style="color:#8b4516;">Text here</span>

#8b4516 background color

This paragraph has a background color of #8b4516.

<p style="background-color:#8b4516;">Content here</p>

#8b4516 border color

This element has a border color of #8b4516.

<div style="border:1px solid #8b4516;">Content here</div>

CSS codes

.text {color:#8b4516;}

.background {background-color:#8b4516;}

.border {border:1px solid #8b4516;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040201 is the darkest color, while #fdf6f2 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#140a03
```
#140a03 rgb(20,10,3)
```
#251306
```
#251306 rgb(37,19,6)
```
#361b09
```
#361b09 rgb(54,27,9)
```
#47230b
```
#47230b rgb(71,35,11)
```
#582c0e
```
#582c0e rgb(88,44,14)
```
#693411
```
#693411 rgb(105,52,17)
```
#7a3d13
```
#7a3d13 rgb(122,61,19)
```
#8b4516
```
#8b4516 rgb(139,69,22)
```
#9c4d19
```
#9c4d19 rgb(156,77,25)
```
#ad561b
```
#ad561b rgb(173,86,27)
```
#be5e1e
```
#be5e1e rgb(190,94,30)
```
#cf6721
```
#cf6721 rgb(207,103,33)
```

Shade Color Variation

#dd7026
```
#dd7026 rgb(221,112,38)
```
#df7b37
```
#df7b37 rgb(223,123,55)
```
#e28648
```
#e28648 rgb(226,134,72)
```
#e59159
```
#e59159 rgb(229,145,89)
```
#e79c6a
```
#e79c6a rgb(231,156,106)
```
#eaa87b
```
#eaa87b rgb(234,168,123)
```
#edb38c
```
#edb38c rgb(237,179,140)
```
#efbe9d
```
#efbe9d rgb(239,190,157)
```
#f2c9ae
```
#f2c9ae rgb(242,201,174)
```
#f5d4bf
```
#f5d4bf rgb(245,212,191)
```
#f8e0d0
```
#f8e0d0 rgb(248,224,208)
```
#faebe1
```
#faebe1 rgb(250,235,225)
```
#fdf6f2
```
#fdf6f2 rgb(253,246,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53504e is the less saturated color, while #9e4103 is the most saturated one.

#53504e
```
#53504e rgb(83,80,78)
```
#594f48
```
#594f48 rgb(89,79,72)
```
#604e41
```
#604e41 rgb(96,78,65)
```
#664c3b
```
#664c3b rgb(102,76,59)
```
#6c4b35
```
#6c4b35 rgb(108,75,53)
```
#724a2f
```
#724a2f rgb(114,74,47)
```
#784929
```
#784929 rgb(120,73,41)
```
#7f4722
```
#7f4722 rgb(127,71,34)
```
#85461c
```
#85461c rgb(133,70,28)
```
#8b4516
```
#8b4516 rgb(139,69,22)
```
#914410
```
#914410 rgb(145,68,16)
```
#97430a
```
#97430a rgb(151,67,10)
```
#9e4103
```
#9e4103 rgb(158,65,3)
```

Tone Color Variation

Below, you can see how #8b4516 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#555555 Achromatopsia 0.005% of the population
#605248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6126 Protanopia 1% of men
#785c1c Deuteranopia 1% of men
#934a4e Tritanopia 0.001% of the population

Trichromacy

#775620 Protanomaly 1% of men, 0.01% of women
#7f531a Deuteranomaly 6% of men, 0.4% of women
#90483a Tritanomaly 0.01% of the population