#a3522e hex color

In a RGB color space, hex #a3522e is composed of 63.9% red, 32.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 71.8% yellow and 36.1% black. It has a hue angle of 18.5 degrees, a saturation of 56% and a lightness of 41%. #a3522e color hex could be obtained by blending #ffa45c 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

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

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

Hex triplet	a3522e	`#a3522e`
RGB Decimal	163, 82, 46	`rgb(163,82,46)`
RGB Percent	63.9, 32.2, 18	`rgb(63.9%,32.2%,18%)`
CMYK	0, 50, 72, 36
HSL	18.5°, 56, 41	`hsl(18.5,56%,41%)`
HSV (or HSB)	18.5°, 71.8, 63.9
Web Safe	996633	`#996633`

CIE-LAB	44.262, 30.618, 35.736
XYZ	18.615, 14.02, 4.31
xyY	0.504, 0.379, 14.02
CIE-LCH	44.262, 47.059, 49.41
CIE-LUV	44.262, 63.32, 30.726
Hunter-Lab	37.443, 23.217, 19.385
Binary	10100011, 01010010, 00101110

#a3522e
```
#a3522e rgb(163,82,46)
```
#2e7fa3
```
#2e7fa3 rgb(46,127,163)
```

Complementary Color

#a32e44
```
#a32e44 rgb(163,46,68)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#a38d2e
```
#a38d2e rgb(163,141,46)
```

Analogous Color

#2e44a3
```
#2e44a3 rgb(46,68,163)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#2ea38d
```
#2ea38d rgb(46,163,141)
```

Split Complementary Color

#522ea3
```
#522ea3 rgb(82,46,163)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#2ea352
```
#2ea352 rgb(46,163,82)
```

Triadic Color

#a32e7f
```
#a32e7f rgb(163,46,127)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#2ea352
```
#2ea352 rgb(46,163,82)
```
#2e7fa3
```
#2e7fa3 rgb(46,127,163)
```

Tetradic Color

#67341d
```
#67341d rgb(103,52,29)
```
#7b3e23
```
#7b3e23 rgb(123,62,35)
```
#8f4828
```
#8f4828 rgb(143,72,40)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#b75c34
```
#b75c34 rgb(183,92,52)
```
#c8673c
```
#c8673c rgb(200,103,60)
```
#ce7750
```
#ce7750 rgb(206,119,80)
```

Monochromatic Color

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

#a3352e
```
#a3352e rgb(163,53,46)
```
#a33f2e
```
#a33f2e rgb(163,63,46)
```
#a3482e
```
#a3482e rgb(163,72,46)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#a35c2e
```
#a35c2e rgb(163,92,46)
```
#a3662e
```
#a3662e rgb(163,102,46)
```
#a36f2e
```
#a36f2e rgb(163,111,46)
```

Similar Colors

Text with hexadecimal color #a3522e

This text has a font color of #a3522e.

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

#a3522e background color

This paragraph has a background color of #a3522e.

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

#a3522e border color

This element has a border color of #a3522e.

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

CSS codes

.text {color:#a3522e;}

.background {background-color:#a3522e;}

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

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, #0a0503 is the darkest color, while #fefbfa is the lightest one.

#0a0503
```
#0a0503 rgb(10,5,3)
```
#190d07
```
#190d07 rgb(25,13,7)
```
#29140b
```
#29140b rgb(41,20,11)
```
#381c10
```
#381c10 rgb(56,28,16)
```
#472414
```
#472414 rgb(71,36,20)
```
#572c18
```
#572c18 rgb(87,44,24)
```
#66331d
```
#66331d rgb(102,51,29)
```
#753b21
```
#753b21 rgb(117,59,33)
```
#844325
```
#844325 rgb(132,67,37)
```
#944a2a
```
#944a2a rgb(148,74,42)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#b25a32
```
#b25a32 rgb(178,90,50)
```
#c26137
```
#c26137 rgb(194,97,55)
```

Shade Color Variation

#ca6c42
```
#ca6c42 rgb(202,108,66)
```
#ce7851
```
#ce7851 rgb(206,120,81)
```
#d28461
```
#d28461 rgb(210,132,97)
```
#d79070
```
#d79070 rgb(215,144,112)
```
#db9c7f
```
#db9c7f rgb(219,156,127)
```
#dfa78f
```
#dfa78f rgb(223,167,143)
```
#e4b39e
```
#e4b39e rgb(228,179,158)
```
#e8bfad
```
#e8bfad rgb(232,191,173)
```
#eccbbd
```
#eccbbd rgb(236,203,189)
```
#f1d7cc
```
#f1d7cc rgb(241,215,204)
```
#f5e3db
```
#f5e3db rgb(245,227,219)
```
#f9efea
```
#f9efea rgb(249,239,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#6b6866
```
#6b6866 rgb(107,104,102)
```
#73655e
```
#73655e rgb(115,101,94)
```
#7b6156
```
#7b6156 rgb(123,97,86)
```
#835e4e
```
#835e4e rgb(131,94,78)
```
#8b5b46
```
#8b5b46 rgb(139,91,70)
```
#93583e
```
#93583e rgb(147,88,62)
```
#9b5536
```
#9b5536 rgb(155,85,54)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#ab4f26
```
#ab4f26 rgb(171,79,38)
```
#b34c1e
```
#b34c1e rgb(179,76,30)
```
#bb4916
```
#bb4916 rgb(187,73,22)
```
#c3460e
```
#c3460e rgb(195,70,14)
```
#cb4306
```
#cb4306 rgb(203,67,6)
```

Tone Color Variation

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

#7b703f Protanopia 1% of men
#8a6b34 Deuteranopia 1% of men
#a9565c Tritanopia 0.001% of the population

Trichromacy

#896539 Protanomaly 1% of men, 0.01% of women
#936231 Deuteranomaly 6% of men, 0.4% of women
#a7554b Tritanomaly 0.01% of the population

#a3522e hex color

#a3522e Color Information

#a3522e Color Conversion

Color Schemes with #a3522e

Alternatives to #a3522e

#a3522e Preview

Shades and Tints of #a3522e

Tones of #a3522e

Color Blindness Simulator