#a3522d hex color

In a RGB color space, hex #a3522d is composed of 63.9% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 72.4% yellow and 36.1% black. It has a hue angle of 18.8 degrees, a saturation of 56.7% and a lightness of 40.8%. #a3522d color hex could be obtained by blending #ffa45a with #470000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 32
- B 18
RGB color chart
- C 0
- M 50
- Y 72
- K 36
CMYK color chart

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

The hexadecimal color #a3522d has RGB values of R:163, G:82, B:45 and CMYK values of C:0, M:0.5, Y:0.72, K:0.36. Its decimal value is 10703405.

Hex triplet	a3522d	`#a3522d`
RGB Decimal	163, 82, 45	`rgb(163,82,45)`
RGB Percent	63.9, 32.2, 17.6	`rgb(63.9%,32.2%,17.6%)`
CMYK	0, 50, 72, 36
HSL	18.8°, 56.7, 40.8	`hsl(18.8,56.7%,40.8%)`
HSV (or HSB)	18.8°, 72.4, 63.9
Web Safe	996633	`#996633`

CIE-LAB	44.25, 30.565, 36.262
XYZ	18.596, 14.012, 4.208
xyY	0.505, 0.381, 14.012
CIE-LCH	44.25, 47.425, 49.872
CIE-LUV	44.25, 63.445, 31.103
Hunter-Lab	37.433, 23.167, 19.538
Binary	10100011, 01010010, 00101101

#a3522d
```
#a3522d rgb(163,82,45)
```
#2d7ea3
```
#2d7ea3 rgb(45,126,163)
```

Complementary Color

#a32d43
```
#a32d43 rgb(163,45,67)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#a38d2d
```
#a38d2d rgb(163,141,45)
```

Analogous Color

#2d43a3
```
#2d43a3 rgb(45,67,163)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#2da38d
```
#2da38d rgb(45,163,141)
```

Split Complementary Color

#522da3
```
#522da3 rgb(82,45,163)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#2da352
```
#2da352 rgb(45,163,82)
```

Triadic Color

#a32d7e
```
#a32d7e rgb(163,45,126)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#2da352
```
#2da352 rgb(45,163,82)
```
#2d7ea3
```
#2d7ea3 rgb(45,126,163)
```

Tetradic Color

#67341c
```
#67341c rgb(103,52,28)
```
#7b3e22
```
#7b3e22 rgb(123,62,34)
```
#8f4827
```
#8f4827 rgb(143,72,39)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#b75c33
```
#b75c33 rgb(183,92,51)
```
#c9673a
```
#c9673a rgb(201,103,58)
```
#ce764e
```
#ce764e rgb(206,118,78)
```

Monochromatic Color

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

#a3352d
```
#a3352d rgb(163,53,45)
```
#a33e2d
```
#a33e2d rgb(163,62,45)
```
#a3482d
```
#a3482d rgb(163,72,45)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#a35c2d
```
#a35c2d rgb(163,92,45)
```
#a3662d
```
#a3662d rgb(163,102,45)
```
#a3702d
```
#a3702d rgb(163,112,45)
```

Similar Colors

Text with hexadecimal color #a3522d

This text has a font color of #a3522d.

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

#a3522d background color

This paragraph has a background color of #a3522d.

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

#a3522d border color

This element has a border color of #a3522d.

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

CSS codes

.text {color:#a3522d;}

.background {background-color:#a3522d;}

.border {border:1px solid #a3522d;}

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

#090503
```
#090503 rgb(9,5,3)
```
#190c07
```
#190c07 rgb(25,12,7)
```
#28140b
```
#28140b rgb(40,20,11)
```
#371c0f
```
#371c0f rgb(55,28,15)
```
#472414
```
#472414 rgb(71,36,20)
```
#562b18
```
#562b18 rgb(86,43,24)
```
#66331c
```
#66331c rgb(102,51,28)
```
#753b20
```
#753b20 rgb(117,59,32)
```
#844325
```
#844325 rgb(132,67,37)
```
#944a29
```
#944a29 rgb(148,74,41)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#b25a31
```
#b25a31 rgb(178,90,49)
```
#c26135
```
#c26135 rgb(194,97,53)
```

Shade Color Variation

#ca6c40
```
#ca6c40 rgb(202,108,64)
```
#cf7850
```
#cf7850 rgb(207,120,80)
```
#d3835f
```
#d3835f rgb(211,131,95)
```
#d78f6f
```
#d78f6f rgb(215,143,111)
```
#db9b7e
```
#db9b7e rgb(219,155,126)
```
#e0a78d
```
#e0a78d rgb(224,167,141)
```
#e4b39d
```
#e4b39d rgb(228,179,157)
```
#e8bfac
```
#e8bfac rgb(232,191,172)
```
#eccbbb
```
#eccbbb rgb(236,203,187)
```
#f1d7cb
```
#f1d7cb rgb(241,215,203)
```
#f5e3da
```
#f5e3da rgb(245,227,218)
```
#f9eeea
```
#f9eeea rgb(249,238,234)
```
#fdfaf9
```
#fdfaf9 rgb(253,250,249)
```

Tint Color Variation

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

#6b6765
```
#6b6765 rgb(107,103,101)
```
#73645d
```
#73645d rgb(115,100,93)
```
#7b6155
```
#7b6155 rgb(123,97,85)
```
#835e4d
```
#835e4d rgb(131,94,77)
```
#8b5b45
```
#8b5b45 rgb(139,91,69)
```
#93583d
```
#93583d rgb(147,88,61)
```
#9b5535
```
#9b5535 rgb(155,85,53)
```
#a3522d
```
#a3522d rgb(163,82,45)
```
#ab4f25
```
#ab4f25 rgb(171,79,37)
```
#b34c1d
```
#b34c1d rgb(179,76,29)
```
#bb4915
```
#bb4915 rgb(187,73,21)
```
#c3460d
```
#c3460d rgb(195,70,13)
```
#cb4305
```
#cb4305 rgb(203,67,5)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#72625b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b703e Protanopia 1% of men
#8a6b33 Deuteranopia 1% of men
#a9565c Tritanopia 0.001% of the population

Trichromacy

#896538 Protanomaly 1% of men, 0.01% of women
#936230 Deuteranomaly 6% of men, 0.4% of women
#a7544b Tritanomaly 0.01% of the population

#a3522d hex color

#a3522d Color Information

#a3522d Color Conversion

Color Schemes with #a3522d

Alternatives to #a3522d

#a3522d Preview

Shades and Tints of #a3522d

Tones of #a3522d

Color Blindness Simulator