#a3522b hex color

In a RGB color space, hex #a3522b is composed of 63.9% red, 32.2% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 73.6% yellow and 36.1% black. It has a hue angle of 19.5 degrees, a saturation of 58.3% and a lightness of 40.4%. #a3522b color hex could be obtained by blending #ffa456 with #470000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a3522b has RGB values of R:163, G:82, B:43 and CMYK values of C:0, M:0.5, Y:0.74, K:0.36. Its decimal value is 10703403.

Hex triplet	a3522b	`#a3522b`
RGB Decimal	163, 82, 43	`rgb(163,82,43)`
RGB Percent	63.9, 32.2, 16.9	`rgb(63.9%,32.2%,16.9%)`
CMYK	0, 50, 74, 36
HSL	19.5°, 58.3, 40.4	`hsl(19.5,58.3%,40.4%)`
HSV (or HSB)	19.5°, 73.6, 63.9
Web Safe	996633	`#996633`

CIE-LAB	44.229, 30.462, 37.303
XYZ	18.558, 13.997, 4.01
xyY	0.508, 0.383, 13.997
CIE-LCH	44.229, 48.161, 50.764
CIE-LUV	44.229, 63.686, 31.835
Hunter-Lab	37.413, 23.07, 19.834
Binary	10100011, 01010010, 00101011

#a3522b
```
#a3522b rgb(163,82,43)
```
#2b7ca3
```
#2b7ca3 rgb(43,124,163)
```

Complementary Color

#a32b40
```
#a32b40 rgb(163,43,64)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#a38e2b
```
#a38e2b rgb(163,142,43)
```

Analogous Color

#2b40a3
```
#2b40a3 rgb(43,64,163)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#2ba38e
```
#2ba38e rgb(43,163,142)
```

Split Complementary Color

#522ba3
```
#522ba3 rgb(82,43,163)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#2ba352
```
#2ba352 rgb(43,163,82)
```

Triadic Color

#a32b7c
```
#a32b7c rgb(163,43,124)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#2ba352
```
#2ba352 rgb(43,163,82)
```
#2b7ca3
```
#2b7ca3 rgb(43,124,163)
```

Tetradic Color

#66341b
```
#66341b rgb(102,52,27)
```
#7b3e20
```
#7b3e20 rgb(123,62,32)
```
#8f4826
```
#8f4826 rgb(143,72,38)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#b75c30
```
#b75c30 rgb(183,92,48)
```
#ca6737
```
#ca6737 rgb(202,103,55)
```
#d0764b
```
#d0764b rgb(208,118,75)
```

Monochromatic Color

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

#a3342b
```
#a3342b rgb(163,52,43)
```
#a33e2b
```
#a33e2b rgb(163,62,43)
```
#a3482b
```
#a3482b rgb(163,72,43)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#a35c2b
```
#a35c2b rgb(163,92,43)
```
#a3662b
```
#a3662b rgb(163,102,43)
```
#a3702b
```
#a3702b rgb(163,112,43)
```

Similar Colors

Text with hexadecimal color #a3522b

This text has a font color of #a3522b.

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

#a3522b background color

This paragraph has a background color of #a3522b.

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

#a3522b border color

This element has a border color of #a3522b.

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

CSS codes

.text {color:#a3522b;}

.background {background-color:#a3522b;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#170c06
```
#170c06 rgb(23,12,6)
```
#27140a
```
#27140a rgb(39,20,10)
```
#361b0e
```
#361b0e rgb(54,27,14)
```
#462312
```
#462312 rgb(70,35,18)
```
#552b17
```
#552b17 rgb(85,43,23)
```
#65331b
```
#65331b rgb(101,51,27)
```
#743b1f
```
#743b1f rgb(116,59,31)
```
#844223
```
#844223 rgb(132,66,35)
```
#934a27
```
#934a27 rgb(147,74,39)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#b35a2f
```
#b35a2f rgb(179,90,47)
```
#c26233
```
#c26233 rgb(194,98,51)
```

Shade Color Variation

#cc6b3d
```
#cc6b3d rgb(204,107,61)
```
#d0774d
```
#d0774d rgb(208,119,77)
```
#d4835c
```
#d4835c rgb(212,131,92)
```
#d88f6c
```
#d88f6c rgb(216,143,108)
```
#dc9b7b
```
#dc9b7b rgb(220,155,123)
```
#e0a68b
```
#e0a68b rgb(224,166,139)
```
#e4b29a
```
#e4b29a rgb(228,178,154)
```
#e8beaa
```
#e8beaa rgb(232,190,170)
```
#edcab9
```
#edcab9 rgb(237,202,185)
```
#f1d6c9
```
#f1d6c9 rgb(241,214,201)
```
#f5e2d8
```
#f5e2d8 rgb(245,226,216)
```
#f9ede8
```
#f9ede8 rgb(249,237,232)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#6c6562
```
#6c6562 rgb(108,101,98)
```
#73635b
```
#73635b rgb(115,99,91)
```
#7b6053
```
#7b6053 rgb(123,96,83)
```
#835d4b
```
#835d4b rgb(131,93,75)
```
#8b5a43
```
#8b5a43 rgb(139,90,67)
```
#93583b
```
#93583b rgb(147,88,59)
```
#9b5533
```
#9b5533 rgb(155,85,51)
```
#a3522b
```
#a3522b rgb(163,82,43)
```
#ab4f23
```
#ab4f23 rgb(171,79,35)
```
#b34c1b
```
#b34c1b rgb(179,76,27)
```
#bb4a13
```
#bb4a13 rgb(187,74,19)
```
#c3470b
```
#c3470b rgb(195,71,11)
```
#cb4403
```
#cb4403 rgb(203,68,3)
```

Tone Color Variation

Below, you can see how #a3522b 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
#72625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b703c Protanopia 1% of men
#8a6b31 Deuteranopia 1% of men
#a9565c Tritanopia 0.001% of the population

Trichromacy

#896536 Protanomaly 1% of men, 0.01% of women
#93622e Deuteranomaly 6% of men, 0.4% of women
#a7544a Tritanomaly 0.01% of the population

#a3522b hex color

#a3522b Color Information

#a3522b Color Conversion

Color Schemes with #a3522b

Alternatives to #a3522b

#a3522b Preview

Shades and Tints of #a3522b

Tones of #a3522b

Color Blindness Simulator