#9e522a hex color

In a RGB color space, hex #9e522a is composed of 62% red, 32.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.1% magenta, 73.4% yellow and 38% black. It has a hue angle of 20.7 degrees, a saturation of 58% and a lightness of 39.2%. #9e522a color hex could be obtained by blending #ffa454 with #3d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 32
- B 16
RGB color chart
- C 0
- M 48
- Y 73
- K 38
CMYK color chart

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

The hexadecimal color #9e522a has RGB values of R:158, G:82, B:42 and CMYK values of C:0, M:0.48, Y:0.73, K:0.38. Its decimal value is 10375722.

Hex triplet	9e522a	`#9e522a`
RGB Decimal	158, 82, 42	`rgb(158,82,42)`
RGB Percent	62, 32.2, 16.5	`rgb(62%,32.2%,16.5%)`
CMYK	0, 48, 73, 38
HSL	20.7°, 58, 39.2	`hsl(20.7,58%,39.2%)`
HSV (or HSB)	20.7°, 73.4, 62
Web Safe	996633	`#996633`

CIE-LAB	43.467, 28.324, 36.786
XYZ	17.536, 13.472, 3.867
xyY	0.503, 0.386, 13.472
CIE-LCH	43.467, 46.427, 52.405
CIE-LUV	43.467, 59.629, 31.674
Hunter-Lab	36.705, 21.048, 19.446
Binary	10011110, 01010010, 00101010

#9e522a
```
#9e522a rgb(158,82,42)
```
#2a769e
```
#2a769e rgb(42,118,158)
```

Complementary Color

#9e2a3c
```
#9e2a3c rgb(158,42,60)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#9e8c2a
```
#9e8c2a rgb(158,140,42)
```

Analogous Color

#2a3c9e
```
#2a3c9e rgb(42,60,158)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#2a9e8c
```
#2a9e8c rgb(42,158,140)
```

Split Complementary Color

#522a9e
```
#522a9e rgb(82,42,158)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#2a9e52
```
#2a9e52 rgb(42,158,82)
```

Triadic Color

#9e2a76
```
#9e2a76 rgb(158,42,118)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#2a9e52
```
#2a9e52 rgb(42,158,82)
```
#2a769e
```
#2a769e rgb(42,118,158)
```

Tetradic Color

#62331a
```
#62331a rgb(98,51,26)
```
#763d1f
```
#763d1f rgb(118,61,31)
```
#8a4825
```
#8a4825 rgb(138,72,37)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#b25c2f
```
#b25c2f rgb(178,92,47)
```
#c66735
```
#c66735 rgb(198,103,53)
```
#ce7547
```
#ce7547 rgb(206,117,71)
```

Monochromatic Color

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

#9e352a
```
#9e352a rgb(158,53,42)
```
#9e3f2a
```
#9e3f2a rgb(158,63,42)
```
#9e482a
```
#9e482a rgb(158,72,42)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#9e5c2a
```
#9e5c2a rgb(158,92,42)
```
#9e652a
```
#9e652a rgb(158,101,42)
```
#9e6f2a
```
#9e6f2a rgb(158,111,42)
```

Similar Colors

Text with hexadecimal color #9e522a

This text has a font color of #9e522a.

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

#9e522a background color

This paragraph has a background color of #9e522a.

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

#9e522a border color

This element has a border color of #9e522a.

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

CSS codes

.text {color:#9e522a;}

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

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130a05
```
#130a05 rgb(19,10,5)
```
#221209
```
#221209 rgb(34,18,9)
```
#321a0d
```
#321a0d rgb(50,26,13)
```
#412211
```
#412211 rgb(65,34,17)
```
#512a15
```
#512a15 rgb(81,42,21)
```
#60321a
```
#60321a rgb(96,50,26)
```
#703a1e
```
#703a1e rgb(112,58,30)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#8f4a26
```
#8f4a26 rgb(143,74,38)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#ad5a2e
```
#ad5a2e rgb(173,90,46)
```
#bd6232
```
#bd6232 rgb(189,98,50)
```

Shade Color Variation

#ca6b39
```
#ca6b39 rgb(202,107,57)
```
#ce7648
```
#ce7648 rgb(206,118,72)
```
#d28258
```
#d28258 rgb(210,130,88)
```
#d78e67
```
#d78e67 rgb(215,142,103)
```
#db9977
```
#db9977 rgb(219,153,119)
```
#dfa586
```
#dfa586 rgb(223,165,134)
```
#e3b096
```
#e3b096 rgb(227,176,150)
```
#e7bca5
```
#e7bca5 rgb(231,188,165)
```
#ebc7b5
```
#ebc7b5 rgb(235,199,181)
```
#efd3c4
```
#efd3c4 rgb(239,211,196)
```
#f3dfd4
```
#f3dfd4 rgb(243,223,212)
```
#f8eae3
```
#f8eae3 rgb(248,234,227)
```
#fcf6f3
```
#fcf6f3 rgb(252,246,243)
```

Tint Color Variation

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

#686360
```
#686360 rgb(104,99,96)
```
#706058
```
#706058 rgb(112,96,88)
```
#785e50
```
#785e50 rgb(120,94,80)
```
#7f5c49
```
#7f5c49 rgb(127,92,73)
```
#875941
```
#875941 rgb(135,89,65)
```
#8f5739
```
#8f5739 rgb(143,87,57)
```
#965432
```
#965432 rgb(150,84,50)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#a65022
```
#a65022 rgb(166,80,34)
```
#ad4d1b
```
#ad4d1b rgb(173,77,27)
```
#b54b13
```
#b54b13 rgb(181,75,19)
```
#bd480b
```
#bd480b rgb(189,72,11)
```
#c44604
```
#c44604 rgb(196,70,4)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#706058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e3b Protanopia 1% of men
#886930 Deuteranopia 1% of men
#a5565c Tritanopia 0.001% of the population

Trichromacy

#866434 Protanomaly 1% of men, 0.01% of women
#90602e Deuteranomaly 6% of men, 0.4% of women
#a25449 Tritanomaly 0.01% of the population

#9e522a hex color

#9e522a Color Information

#9e522a Color Conversion

Color Schemes with #9e522a

Alternatives to #9e522a

#9e522a Preview

Shades and Tints of #9e522a

Tones of #9e522a

Color Blindness Simulator