colorhexa.com

#8e4216 hex color

In a RGB color space, hex #8e4216 is composed of 55.7% red, 25.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.5% magenta, 84.5% yellow and 44.3% black. It has a hue angle of 22 degrees, a saturation of 73.2% and a lightness of 32.2%. #8e4216 color hex could be obtained by blending #ff842c with #1d0000. Closest websafe color is: #993300.

- R 56
- G 26
- B 9
RGB color chart
- C 0
- M 54
- Y 85
- K 44
CMYK color chart

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

The hexadecimal color #8e4216 has RGB values of R:142, G:66, B:22 and CMYK values of C:0, M:0.54, Y:0.85, K:0.44. Its decimal value is 9323030.

Hex triplet	8e4216	`#8e4216`
RGB Decimal	142, 66, 22	`rgb(142,66,22)`
RGB Percent	55.7, 25.9, 8.6	`rgb(55.7%,25.9%,8.6%)`
CMYK	0, 54, 85, 44
HSL	22°, 73.2, 32.2	`hsl(22,73.2%,32.2%)`
HSV (or HSB)	22°, 84.5, 55.7
Web Safe	993300	`#993300`

CIE-LAB	37.31, 29.463, 39.724
XYZ	13.249, 9.706, 1.935
xyY	0.532, 0.39, 9.706
CIE-LCH	37.31, 49.457, 53.435
CIE-LUV	37.31, 60.158, 30.184
Hunter-Lab	31.155, 21.387, 18.126
Binary	10001110, 01000010, 00010110

#8e4216
```
#8e4216 rgb(142,66,22)
```
#16628e
```
#16628e rgb(22,98,142)
```

Complementary Color

#8e1626
```
#8e1626 rgb(142,22,38)
```
#8e4216
```
#8e4216 rgb(142,66,22)
```
#8e7e16
```
#8e7e16 rgb(142,126,22)
```

Analogous Color

#16268e
```
#16268e rgb(22,38,142)
```
#8e4216
```
#8e4216 rgb(142,66,22)
```
#168e7e
```
#168e7e rgb(22,142,126)
```

Split Complementary Color

#42168e
```
#42168e rgb(66,22,142)
```
#8e4216
```
#8e4216 rgb(142,66,22)
```
#168e42
```
#168e42 rgb(22,142,66)
```

Triadic Color

#4c230c
```
#4c230c rgb(76,35,12)
```
#622d0f
```
#622d0f rgb(98,45,15)
```
#783813
```
#783813 rgb(120,56,19)
```
#8e4216
```
#8e4216 rgb(142,66,22)
```
#a44c19
```
#a44c19 rgb(164,76,25)
```
#ba571d
```
#ba571d rgb(186,87,29)
```
#d06120
```
#d06120 rgb(208,97,32)
```

Monochromatic Color

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

#8e2416
```
#8e2416 rgb(142,36,22)
```
#8e2e16
```
#8e2e16 rgb(142,46,22)
```
#8e3816
```
#8e3816 rgb(142,56,22)
```
#8e4216
```
#8e4216 rgb(142,66,22)
```
#8e4c16
```
#8e4c16 rgb(142,76,22)
```
#8e5616
```
#8e5616 rgb(142,86,22)
```
#8e6016
```
#8e6016 rgb(142,96,22)
```

Similar Colors

Text with hexadecimal color #8e4216

This text has a font color of #8e4216.

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

#8e4216 background color

This paragraph has a background color of #8e4216.

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

#8e4216 border color

This element has a border color of #8e4216.

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

CSS codes

.text {color:#8e4216;}

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

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

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, #060301 is the darkest color, while #fdf8f4 is the lightest one.

#060301
```
#060301 rgb(6,3,1)
```
#170b04
```
#170b04 rgb(23,11,4)
```
#281306
```
#281306 rgb(40,19,6)
```
#391b09
```
#391b09 rgb(57,27,9)
```
#4a220b
```
#4a220b rgb(74,34,11)
```
#5b2a0e
```
#5b2a0e rgb(91,42,14)
```
#6c3211
```
#6c3211 rgb(108,50,17)
```
#7d3a13
```
#7d3a13 rgb(125,58,19)
```
#8e4216
```
#8e4216 rgb(142,66,22)
```
#9f4a19
```
#9f4a19 rgb(159,74,25)
```
#b0521b
```
#b0521b rgb(176,82,27)
```
#c15a1e
```
#c15a1e rgb(193,90,30)
```
#d26221
```
#d26221 rgb(210,98,33)
```

Shade Color Variation

#de6b28
```
#de6b28 rgb(222,107,40)
```
#e07739
```
#e07739 rgb(224,119,57)
```
#e3824a
```
#e3824a rgb(227,130,74)
```
#e68e5b
```
#e68e5b rgb(230,142,91)
```
#e89a6c
```
#e89a6c rgb(232,154,108)
```
#eba57d
```
#eba57d rgb(235,165,125)
```
#eeb18e
```
#eeb18e rgb(238,177,142)
```
#f0bd9f
```
#f0bd9f rgb(240,189,159)
```
#f3c9b0
```
#f3c9b0 rgb(243,201,176)
```
#f5d4c1
```
#f5d4c1 rgb(245,212,193)
```
#f8e0d2
```
#f8e0d2 rgb(248,224,210)
```
#fbece3
```
#fbece3 rgb(251,236,227)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55514f is the less saturated color, while #a13d03 is the most saturated one.

#55514f
```
#55514f rgb(85,81,79)
```
#5c4f48
```
#5c4f48 rgb(92,79,72)
```
#624e42
```
#624e42 rgb(98,78,66)
```
#684c3c
```
#684c3c rgb(104,76,60)
```
#6e4a36
```
#6e4a36 rgb(110,74,54)
```
#75492f
```
#75492f rgb(117,73,47)
```
#7b4729
```
#7b4729 rgb(123,71,41)
```
#814523
```
#814523 rgb(129,69,35)
```
#88441c
```
#88441c rgb(136,68,28)
```
#8e4216
```
#8e4216 rgb(142,66,22)
```
#944010
```
#944010 rgb(148,64,16)
```
#9b3f09
```
#9b3f09 rgb(155,63,9)
```
#a13d03
```
#a13d03 rgb(161,61,3)
```

Tone Color Variation

Below, you can see how #8e4216 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

#545454 Achromatopsia 0.005% of the population
#605048 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6027 Protanopia 1% of men
#785b1b Deuteranopia 1% of men
#95474b Tritanopia 0.001% of the population

Trichromacy

#775521 Protanomaly 1% of men, 0.01% of women
#805219 Deuteranomaly 6% of men, 0.4% of women
#924538 Tritanomaly 0.01% of the population