#9a522e hex color

In a RGB color space, hex #9a522e is composed of 60.4% red, 32.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.8% magenta, 70.1% yellow and 39.6% black. It has a hue angle of 20 degrees, a saturation of 54% and a lightness of 39.2%. #9a522e color hex could be obtained by blending #ffa45c with #350000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 32
- B 18
RGB color chart
- C 0
- M 47
- Y 70
- K 40
CMYK color chart

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

The hexadecimal color #9a522e has RGB values of R:154, G:82, B:46 and CMYK values of C:0, M:0.47, Y:0.7, K:0.4. Its decimal value is 10113582.

Hex triplet	9a522e	`#9a522e`
RGB Decimal	154, 82, 46	`rgb(154,82,46)`
RGB Percent	60.4, 32.2, 18	`rgb(60.4%,32.2%,18%)`
CMYK	0, 47, 70, 40
HSL	20°, 54, 39.2	`hsl(20,54%,39.2%)`
HSV (or HSB)	20°, 70.1, 60.4
Web Safe	996633	`#996633`

CIE-LAB	42.918, 26.853, 33.862
XYZ	16.837, 13.103, 4.227
xyY	0.493, 0.383, 13.103
CIE-LCH	42.918, 43.217, 51.586
CIE-LUV	42.918, 55.837, 29.749
Hunter-Lab	36.198, 19.68, 18.415
Binary	10011010, 01010010, 00101110

#9a522e
```
#9a522e rgb(154,82,46)
```
#2e769a
```
#2e769a rgb(46,118,154)
```

Complementary Color

#9a2e40
```
#9a2e40 rgb(154,46,64)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#9a882e
```
#9a882e rgb(154,136,46)
```

Analogous Color

#2e409a
```
#2e409a rgb(46,64,154)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#2e9a88
```
#2e9a88 rgb(46,154,136)
```

Split Complementary Color

#522e9a
```
#522e9a rgb(82,46,154)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#2e9a52
```
#2e9a52 rgb(46,154,82)
```

Triadic Color

#9a2e76
```
#9a2e76 rgb(154,46,118)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#2e9a52
```
#2e9a52 rgb(46,154,82)
```
#2e769a
```
#2e769a rgb(46,118,154)
```

Tetradic Color

#5f331c
```
#5f331c rgb(95,51,28)
```
#733d22
```
#733d22 rgb(115,61,34)
```
#864828
```
#864828 rgb(134,72,40)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#ae5c34
```
#ae5c34 rgb(174,92,52)
```
#c1673a
```
#c1673a rgb(193,103,58)
```
#c9754b
```
#c9754b rgb(201,117,75)
```

Monochromatic Color

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

#9a372e
```
#9a372e rgb(154,55,46)
```
#9a402e
```
#9a402e rgb(154,64,46)
```
#9a492e
```
#9a492e rgb(154,73,46)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#9a5b2e
```
#9a5b2e rgb(154,91,46)
```
#9a642e
```
#9a642e rgb(154,100,46)
```
#9a6d2e
```
#9a6d2e rgb(154,109,46)
```

Similar Colors

Text with hexadecimal color #9a522e

This text has a font color of #9a522e.

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

#9a522e background color

This paragraph has a background color of #9a522e.

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

#9a522e border color

This element has a border color of #9a522e.

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

CSS codes

.text {color:#9a522e;}

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

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

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 #fbf6f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#120a05
```
#120a05 rgb(18,10,5)
```
#21120a
```
#21120a rgb(33,18,10)
```
#301a0e
```
#301a0e rgb(48,26,14)
```
#3f2213
```
#3f2213 rgb(63,34,19)
```
#4e2a17
```
#4e2a17 rgb(78,42,23)
```
#5e321c
```
#5e321c rgb(94,50,28)
```
#6d3a20
```
#6d3a20 rgb(109,58,32)
```
#7c4225
```
#7c4225 rgb(124,66,37)
```
#8b4a29
```
#8b4a29 rgb(139,74,41)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#a95a33
```
#a95a33 rgb(169,90,51)
```
#b86237
```
#b86237 rgb(184,98,55)
```

Shade Color Variation

#c56b3e
```
#c56b3e rgb(197,107,62)
```
#ca764d
```
#ca764d rgb(202,118,77)
```
#ce825c
```
#ce825c rgb(206,130,92)
```
#d38e6b
```
#d38e6b rgb(211,142,107)
```
#d7997a
```
#d7997a rgb(215,153,122)
```
#dca589
```
#dca589 rgb(220,165,137)
```
#e0b098
```
#e0b098 rgb(224,176,152)
```
#e5bca7
```
#e5bca7 rgb(229,188,167)
```
#e9c7b6
```
#e9c7b6 rgb(233,199,182)
```
#eed3c6
```
#eed3c6 rgb(238,211,198)
```
#f2dfd5
```
#f2dfd5 rgb(242,223,213)
```
#f7eae4
```
#f7eae4 rgb(247,234,228)
```
#fbf6f3
```
#fbf6f3 rgb(251,246,243)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#6c615c
```
#6c615c rgb(108,97,92)
```
#745f54
```
#745f54 rgb(116,95,84)
```
#7b5c4d
```
#7b5c4d rgb(123,92,77)
```
#835a45
```
#835a45 rgb(131,90,69)
```
#8b573d
```
#8b573d rgb(139,87,61)
```
#925536
```
#925536 rgb(146,85,54)
```
#9a522e
```
#9a522e rgb(154,82,46)
```
#a24f26
```
#a24f26 rgb(162,79,38)
```
#a94d1f
```
#a94d1f rgb(169,77,31)
```
#b14a17
```
#b14a17 rgb(177,74,23)
```
#b9480f
```
#b9480f rgb(185,72,15)
```
#c04508
```
#c04508 rgb(192,69,8)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#6e6058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776d3e Protanopia 1% of men
#866834 Deuteranopia 1% of men
#a1565c Tritanopia 0.001% of the population

Trichromacy

#846338 Protanomaly 1% of men, 0.01% of women
#8d6032 Deuteranomaly 6% of men, 0.4% of women
#9e554b Tritanomaly 0.01% of the population

#9a522e hex color

#9a522e Color Information

#9a522e Color Conversion

Color Schemes with #9a522e

Alternatives to #9a522e

#9a522e Preview

Shades and Tints of #9a522e

Tones of #9a522e

Color Blindness Simulator