#a8522a hex color

In a RGB color space, hex #a8522a is composed of 65.9% red, 32.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 75% yellow and 34.1% black. It has a hue angle of 19 degrees, a saturation of 60% and a lightness of 41.2%. #a8522a color hex could be obtained by blending #ffa454 with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 32
- B 16
RGB color chart
- C 0
- M 51
- Y 75
- K 34
CMYK color chart

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

The hexadecimal color #a8522a has RGB values of R:168, G:82, B:42 and CMYK values of C:0, M:0.51, Y:0.75, K:0.34. Its decimal value is 11031082.

Hex triplet	a8522a	`#a8522a`
RGB Decimal	168, 82, 42	`rgb(168,82,42)`
RGB Percent	65.9, 32.2, 16.5	`rgb(65.9%,32.2%,16.5%)`
CMYK	0, 51, 75, 34
HSL	19°, 60, 41.2	`hsl(19,60%,41.2%)`
HSV (or HSB)	19°, 75, 65.9
Web Safe	996633	`#996633`

CIE-LAB	44.981, 32.47, 38.858
XYZ	19.584, 14.528, 3.963
xyY	0.514, 0.382, 14.528
CIE-LCH	44.981, 50.638, 50.118
CIE-LUV	44.981, 67.986, 32.714
Hunter-Lab	38.116, 25.011, 20.516
Binary	10101000, 01010010, 00101010

#a8522a
```
#a8522a rgb(168,82,42)
```
#2a80a8
```
#2a80a8 rgb(42,128,168)
```

Complementary Color

#a82a41
```
#a82a41 rgb(168,42,65)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#a8912a
```
#a8912a rgb(168,145,42)
```

Analogous Color

#2a41a8
```
#2a41a8 rgb(42,65,168)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#2aa891
```
#2aa891 rgb(42,168,145)
```

Split Complementary Color

#522aa8
```
#522aa8 rgb(82,42,168)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#2aa852
```
#2aa852 rgb(42,168,82)
```

Triadic Color

#a82a80
```
#a82a80 rgb(168,42,128)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#2aa852
```
#2aa852 rgb(42,168,82)
```
#2a80a8
```
#2a80a8 rgb(42,128,168)
```

Tetradic Color

#6b341b
```
#6b341b rgb(107,52,27)
```
#7f3e20
```
#7f3e20 rgb(127,62,32)
```
#944825
```
#944825 rgb(148,72,37)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#bc5c2f
```
#bc5c2f rgb(188,92,47)
```
#cd6738
```
#cd6738 rgb(205,103,56)
```
#d2774c
```
#d2774c rgb(210,119,76)
```

Monochromatic Color

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

#a8322a
```
#a8322a rgb(168,50,42)
```
#a83d2a
```
#a83d2a rgb(168,61,42)
```
#a8472a
```
#a8472a rgb(168,71,42)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#a85c2a
```
#a85c2a rgb(168,92,42)
```
#a8672a
```
#a8672a rgb(168,103,42)
```
#a8722a
```
#a8722a rgb(168,114,42)
```

Similar Colors

Text with hexadecimal color #a8522a

This text has a font color of #a8522a.

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

#a8522a background color

This paragraph has a background color of #a8522a.

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

#a8522a border color

This element has a border color of #a8522a.

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

CSS codes

.text {color:#a8522a;}

.background {background-color:#a8522a;}

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

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

#0b0503
```
#0b0503 rgb(11,5,3)
```
#1b0d07
```
#1b0d07 rgb(27,13,7)
```
#2a150b
```
#2a150b rgb(42,21,11)
```
#3a1c0f
```
#3a1c0f rgb(58,28,15)
```
#4a2412
```
#4a2412 rgb(74,36,18)
```
#5a2c16
```
#5a2c16 rgb(90,44,22)
```
#69331a
```
#69331a rgb(105,51,26)
```
#793b1e
```
#793b1e rgb(121,59,30)
```
#894322
```
#894322 rgb(137,67,34)
```
#984a26
```
#984a26 rgb(152,74,38)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#b85a2e
```
#b85a2e rgb(184,90,46)
```
#c76132
```
#c76132 rgb(199,97,50)
```

Shade Color Variation

#cf6c3e
```
#cf6c3e rgb(207,108,62)
```
#d3784e
```
#d3784e rgb(211,120,78)
```
#d7845d
```
#d7845d rgb(215,132,93)
```
#db906d
```
#db906d rgb(219,144,109)
```
#de9c7d
```
#de9c7d rgb(222,156,125)
```
#e2a88d
```
#e2a88d rgb(226,168,141)
```
#e6b49c
```
#e6b49c rgb(230,180,156)
```
#eac0ac
```
#eac0ac rgb(234,192,172)
```
#eeccbc
```
#eeccbc rgb(238,204,188)
```
#f2d8cb
```
#f2d8cb rgb(242,216,203)
```
#f6e4db
```
#f6e4db rgb(246,228,219)
```
#faf0eb
```
#faf0eb rgb(250,240,235)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#6f6763
```
#6f6763 rgb(111,103,99)
```
#78645a
```
#78645a rgb(120,100,90)
```
#806152
```
#806152 rgb(128,97,82)
```
#885e4a
```
#885e4a rgb(136,94,74)
```
#905b42
```
#905b42 rgb(144,91,66)
```
#98583a
```
#98583a rgb(152,88,58)
```
#a05532
```
#a05532 rgb(160,85,50)
```
#a8522a
```
#a8522a rgb(168,82,42)
```
#b04f22
```
#b04f22 rgb(176,79,34)
```
#b84c1a
```
#b84c1a rgb(184,76,26)
```
#c04912
```
#c04912 rgb(192,73,18)
```
#c8460a
```
#c8460a rgb(200,70,10)
```
#d04302
```
#d04302 rgb(208,67,2)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#74635b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723b Protanopia 1% of men
#8c6c2f Deuteranopia 1% of men
#ae565b Tritanopia 0.001% of the population

Trichromacy

#8d6635 Protanomaly 1% of men, 0.01% of women
#96632d Deuteranomaly 6% of men, 0.4% of women
#ac5449 Tritanomaly 0.01% of the population

#a8522a hex color

#a8522a Color Information

#a8522a Color Conversion

Color Schemes with #a8522a

Alternatives to #a8522a

#a8522a Preview

Shades and Tints of #a8522a

Tones of #a8522a

Color Blindness Simulator