#a2522e hex color

In a RGB color space, hex #a2522e is composed of 63.5% red, 32.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.4% magenta, 71.6% yellow and 36.5% black. It has a hue angle of 18.6 degrees, a saturation of 55.8% and a lightness of 40.8%. #a2522e color hex could be obtained by blending #ffa45c with #450000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a2522e has RGB values of R:162, G:82, B:46 and CMYK values of C:0, M:0.49, Y:0.72, K:0.36. Its decimal value is 10637870.

Hex triplet	a2522e	`#a2522e`
RGB Decimal	162, 82, 46	`rgb(162,82,46)`
RGB Percent	63.5, 32.2, 18	`rgb(63.5%,32.2%,18%)`
CMYK	0, 49, 72, 36
HSL	18.6°, 55.8, 40.8	`hsl(18.6,55.8%,40.8%)`
HSV (or HSB)	18.6°, 71.6, 63.5
Web Safe	996633	`#996633`

CIE-LAB	44.111, 30.205, 35.526
XYZ	18.411, 13.915, 4.301
xyY	0.503, 0.38, 13.915
CIE-LCH	44.111, 46.631, 49.628
CIE-LUV	44.111, 62.487, 30.616
Hunter-Lab	37.303, 22.822, 19.276
Binary	10100010, 01010010, 00101110

#a2522e
```
#a2522e rgb(162,82,46)
```
#2e7ea2
```
#2e7ea2 rgb(46,126,162)
```

Complementary Color

#a22e44
```
#a22e44 rgb(162,46,68)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#a28c2e
```
#a28c2e rgb(162,140,46)
```

Analogous Color

#2e44a2
```
#2e44a2 rgb(46,68,162)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#2ea28c
```
#2ea28c rgb(46,162,140)
```

Split Complementary Color

#522ea2
```
#522ea2 rgb(82,46,162)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#2ea252
```
#2ea252 rgb(46,162,82)
```

Triadic Color

#a22e7e
```
#a22e7e rgb(162,46,126)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#2ea252
```
#2ea252 rgb(46,162,82)
```
#2e7ea2
```
#2e7ea2 rgb(46,126,162)
```

Tetradic Color

#66341d
```
#66341d rgb(102,52,29)
```
#7a3e23
```
#7a3e23 rgb(122,62,35)
```
#8e4828
```
#8e4828 rgb(142,72,40)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#b65c34
```
#b65c34 rgb(182,92,52)
```
#c7673c
```
#c7673c rgb(199,103,60)
```
#cd764f
```
#cd764f rgb(205,118,79)
```

Monochromatic Color

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

#a2352e
```
#a2352e rgb(162,53,46)
```
#a23f2e
```
#a23f2e rgb(162,63,46)
```
#a2482e
```
#a2482e rgb(162,72,46)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#a25c2e
```
#a25c2e rgb(162,92,46)
```
#a2652e
```
#a2652e rgb(162,101,46)
```
#a26f2e
```
#a26f2e rgb(162,111,46)
```

Similar Colors

Text with hexadecimal color #a2522e

This text has a font color of #a2522e.

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

#a2522e background color

This paragraph has a background color of #a2522e.

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

#a2522e border color

This element has a border color of #a2522e.

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

CSS codes

.text {color:#a2522e;}

.background {background-color:#a2522e;}

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

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)
```
#371c10
```
#371c10 rgb(55,28,16)
```
#462414
```
#462414 rgb(70,36,20)
```
#562b18
```
#562b18 rgb(86,43,24)
```
#65331d
```
#65331d rgb(101,51,29)
```
#743b21
```
#743b21 rgb(116,59,33)
```
#834325
```
#834325 rgb(131,67,37)
```
#934a2a
```
#934a2a rgb(147,74,42)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#b15a32
```
#b15a32 rgb(177,90,50)
```
#c16137
```
#c16137 rgb(193,97,55)
```

Shade Color Variation

#c96c42
```
#c96c42 rgb(201,108,66)
```
#ce7851
```
#ce7851 rgb(206,120,81)
```
#d28360
```
#d28360 rgb(210,131,96)
```
#d68f6f
```
#d68f6f rgb(214,143,111)
```
#db9b7f
```
#db9b7f rgb(219,155,127)
```
#dfa78e
```
#dfa78e rgb(223,167,142)
```
#e3b39d
```
#e3b39d rgb(227,179,157)
```
#e8bfad
```
#e8bfad rgb(232,191,173)
```
#eccbbc
```
#eccbbc rgb(236,203,188)
```
#f0d7cb
```
#f0d7cb rgb(240,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, #6a6766 is the less saturated color, while #ca4306 is the most saturated one.

#6a6766
```
#6a6766 rgb(106,103,102)
```
#72645e
```
#72645e rgb(114,100,94)
```
#7a6156
```
#7a6156 rgb(122,97,86)
```
#825e4e
```
#825e4e rgb(130,94,78)
```
#8a5b46
```
#8a5b46 rgb(138,91,70)
```
#92583e
```
#92583e rgb(146,88,62)
```
#9a5536
```
#9a5536 rgb(154,85,54)
```
#a2522e
```
#a2522e rgb(162,82,46)
```
#aa4f26
```
#aa4f26 rgb(170,79,38)
```
#b24c1e
```
#b24c1e rgb(178,76,30)
```
#ba4916
```
#ba4916 rgb(186,73,22)
```
#c2460e
```
#c2460e rgb(194,70,14)
```
#ca4306
```
#ca4306 rgb(202,67,6)
```

Tone Color Variation

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

#7a703f Protanopia 1% of men
#896b34 Deuteranopia 1% of men
#a8565c Tritanopia 0.001% of the population

Trichromacy

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

#a2522e hex color

#a2522e Color Information

#a2522e Color Conversion

Color Schemes with #a2522e

Alternatives to #a2522e

#a2522e Preview

Shades and Tints of #a2522e

Tones of #a2522e

Color Blindness Simulator