#9e5a2e hex color

In a RGB color space, hex #9e5a2e is composed of 62% red, 35.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43% magenta, 70.9% yellow and 38% black. It has a hue angle of 23.6 degrees, a saturation of 54.9% and a lightness of 40%. #9e5a2e color hex could be obtained by blending #ffb45c with #3d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 35
- B 18
RGB color chart
- C 0
- M 43
- Y 71
- K 38
CMYK color chart

● #9e5a2e color description : Dark orange [Brown tone].

The hexadecimal color #9e5a2e has RGB values of R:158, G:90, B:46 and CMYK values of C:0, M:0.43, Y:0.71, K:0.38. Its decimal value is 10377774.

Hex triplet	9e5a2e	`#9e5a2e`
RGB Decimal	158, 90, 46	`rgb(158,90,46)`
RGB Percent	62, 35.3, 18	`rgb(62%,35.3%,18%)`
CMYK	0, 43, 71, 38
HSL	23.6°, 54.9, 40	`hsl(23.6,54.9%,40%)`
HSV (or HSB)	23.6°, 70.9, 62
Web Safe	996633	`#996633`

CIE-LAB	45.332, 24.097, 36.717
XYZ	18.25, 14.78, 4.476
xyY	0.487, 0.394, 14.78
CIE-LCH	45.332, 43.918, 56.724
CIE-LUV	45.332, 53.197, 33.383
Hunter-Lab	38.445, 17.458, 20.008
Binary	10011110, 01011010, 00101110

#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#2e729e
```
#2e729e rgb(46,114,158)
```

Complementary Color

#9e2e3a
```
#9e2e3a rgb(158,46,58)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#9e922e
```
#9e922e rgb(158,146,46)
```

Analogous Color

#2e3a9e
```
#2e3a9e rgb(46,58,158)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#2e9e92
```
#2e9e92 rgb(46,158,146)
```

Split Complementary Color

#5a2e9e
```
#5a2e9e rgb(90,46,158)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#2e9e5a
```
#2e9e5a rgb(46,158,90)
```

Triadic Color

#9e2e72
```
#9e2e72 rgb(158,46,114)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#2e9e5a
```
#2e9e5a rgb(46,158,90)
```
#2e729e
```
#2e729e rgb(46,114,158)
```

Tetradic Color

#63381d
```
#63381d rgb(99,56,29)
```
#774423
```
#774423 rgb(119,68,35)
```
#8a4f28
```
#8a4f28 rgb(138,79,40)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#b26534
```
#b26534 rgb(178,101,52)
```
#c6713a
```
#c6713a rgb(198,113,58)
```
#cb7f4d
```
#cb7f4d rgb(203,127,77)
```

Monochromatic Color

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

#9e3e2e
```
#9e3e2e rgb(158,62,46)
```
#9e472e
```
#9e472e rgb(158,71,46)
```
#9e512e
```
#9e512e rgb(158,81,46)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#9e632e
```
#9e632e rgb(158,99,46)
```
#9e6d2e
```
#9e6d2e rgb(158,109,46)
```
#9e762e
```
#9e762e rgb(158,118,46)
```

Similar Colors

Text with hexadecimal color #9e5a2e

This text has a font color of #9e5a2e.

<span style="color:#9e5a2e;">Text here</span>

#9e5a2e background color

This paragraph has a background color of #9e5a2e.

<p style="background-color:#9e5a2e;">Content here</p>

#9e5a2e border color

This element has a border color of #9e5a2e.

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

CSS codes

.text {color:#9e5a2e;}

.background {background-color:#9e5a2e;}

.border {border:1px solid #9e5a2e;}

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

#060302
```
#060302 rgb(6,3,2)
```
#150c06
```
#150c06 rgb(21,12,6)
```
#24150b
```
#24150b rgb(36,21,11)
```
#341d0f
```
#341d0f rgb(52,29,15)
```
#432613
```
#432613 rgb(67,38,19)
```
#522f18
```
#522f18 rgb(82,47,24)
```
#61371c
```
#61371c rgb(97,55,28)
```
#704021
```
#704021 rgb(112,64,33)
```
#804925
```
#804925 rgb(128,73,37)
```
#8f512a
```
#8f512a rgb(143,81,42)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#ad6332
```
#ad6332 rgb(173,99,50)
```
#bc6b37
```
#bc6b37 rgb(188,107,55)
```

Shade Color Variation

#c77540
```
#c77540 rgb(199,117,64)
```
#cc804f
```
#cc804f rgb(204,128,79)
```
#d08b5e
```
#d08b5e rgb(208,139,94)
```
#d5966d
```
#d5966d rgb(213,150,109)
```
#d9a17c
```
#d9a17c rgb(217,161,124)
```
#ddac8c
```
#ddac8c rgb(221,172,140)
```
#e2b79b
```
#e2b79b rgb(226,183,155)
```
#e6c2aa
```
#e6c2aa rgb(230,194,170)
```
#ebcdb9
```
#ebcdb9 rgb(235,205,185)
```
#efd8c8
```
#efd8c8 rgb(239,216,200)
```
#f4e3d8
```
#f4e3d8 rgb(244,227,216)
```
#f8ede7
```
#f8ede7 rgb(248,237,231)
```
#fcf8f6
```
#fcf8f6 rgb(252,248,246)
```

Tint Color Variation

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

#676665
```
#676665 rgb(103,102,101)
```
#6f645d
```
#6f645d rgb(111,100,93)
```
#776255
```
#776255 rgb(119,98,85)
```
#7f614d
```
#7f614d rgb(127,97,77)
```
#865f46
```
#865f46 rgb(134,95,70)
```
#8e5d3e
```
#8e5d3e rgb(142,93,62)
```
#965c36
```
#965c36 rgb(150,92,54)
```
#9e5a2e
```
#9e5a2e rgb(158,90,46)
```
#a65826
```
#a65826 rgb(166,88,38)
```
#ae571e
```
#ae571e rgb(174,87,30)
```
#b65516
```
#b65516 rgb(182,85,22)
```
#bd530f
```
#bd530f rgb(189,83,15)
```
#c55207
```
#c55207 rgb(197,82,7)
```

Tone Color Variation

Below, you can see how #9e5a2e 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

#696969 Achromatopsia 0.005% of the population
#74665d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e733d Protanopia 1% of men
#8d6d35 Deuteranopia 1% of men
#a55d63 Tritanopia 0.001% of the population

Trichromacy

#896938 Protanomaly 1% of men, 0.01% of women
#936632 Deuteranomaly 6% of men, 0.4% of women
#a25c50 Tritanomaly 0.01% of the population

#9e5a2e hex color

#9e5a2e Color Information

#9e5a2e Color Conversion

Color Schemes with #9e5a2e

Alternatives to #9e5a2e

#9e5a2e Preview

Shades and Tints of #9e5a2e

Tones of #9e5a2e

Color Blindness Simulator