#a34522 hex color

In a RGB color space, hex #a34522 is composed of 63.9% red, 27.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.7% magenta, 79.1% yellow and 36.1% black. It has a hue angle of 16.3 degrees, a saturation of 65.5% and a lightness of 38.6%. #a34522 color hex could be obtained by blending #ff8a44 with #470000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 27
- B 13
RGB color chart
- C 0
- M 58
- Y 79
- K 36
CMYK color chart

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

The hexadecimal color #a34522 has RGB values of R:163, G:69, B:34 and CMYK values of C:0, M:0.58, Y:0.79, K:0.36. Its decimal value is 10700066.

Hex triplet	a34522	`#a34522`
RGB Decimal	163, 69, 34	`rgb(163,69,34)`
RGB Percent	63.9, 27.1, 13.3	`rgb(63.9%,27.1%,13.3%)`
CMYK	0, 58, 79, 36
HSL	16.3°, 65.5, 38.6	`hsl(16.3,65.5%,38.6%)`
HSV (or HSB)	16.3°, 79.1, 63.9
Web Safe	993333	`#993333`

CIE-LAB	41.469, 36.854, 39.099
XYZ	17.522, 12.16, 2.938
xyY	0.537, 0.373, 12.16
CIE-LCH	41.469, 53.73, 46.694
CIE-LUV	41.469, 74.359, 30.171
Hunter-Lab	34.871, 28.666, 19.415
Binary	10100011, 01000101, 00100010

#a34522
```
#a34522 rgb(163,69,34)
```
#2280a3
```
#2280a3 rgb(34,128,163)
```

Complementary Color

#a3223f
```
#a3223f rgb(163,34,63)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#a38622
```
#a38622 rgb(163,134,34)
```

Analogous Color

#2240a3
```
#2240a3 rgb(34,64,163)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#22a386
```
#22a386 rgb(34,163,134)
```

Split Complementary Color

#4522a3
```
#4522a3 rgb(69,34,163)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#22a345
```
#22a345 rgb(34,163,69)
```

Triadic Color

#a32280
```
#a32280 rgb(163,34,128)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#22a345
```
#22a345 rgb(34,163,69)
```
#2280a3
```
#2280a3 rgb(34,128,163)
```

Tetradic Color

#642a15
```
#642a15 rgb(100,42,21)
```
#793319
```
#793319 rgb(121,51,25)
```
#8e3c1e
```
#8e3c1e rgb(142,60,30)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#b84e26
```
#b84e26 rgb(184,78,38)
```
#cd572b
```
#cd572b rgb(205,87,43)
```
#d6653b
```
#d6653b rgb(214,101,59)
```

Monochromatic Color

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

#a32522
```
#a32522 rgb(163,37,34)
```
#a32f22
```
#a32f22 rgb(163,47,34)
```
#a33a22
```
#a33a22 rgb(163,58,34)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#a35022
```
#a35022 rgb(163,80,34)
```
#a35a22
```
#a35a22 rgb(163,90,34)
```
#a36522
```
#a36522 rgb(163,101,34)
```

Similar Colors

Text with hexadecimal color #a34522

This text has a font color of #a34522.

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

#a34522 background color

This paragraph has a background color of #a34522.

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

#a34522 border color

This element has a border color of #a34522.

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

CSS codes

.text {color:#a34522;}

.background {background-color:#a34522;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110704
```
#110704 rgb(17,7,4)
```
#210e07
```
#210e07 rgb(33,14,7)
```
#31150a
```
#31150a rgb(49,21,10)
```
#421c0e
```
#421c0e rgb(66,28,14)
```
#522311
```
#522311 rgb(82,35,17)
```
#622a14
```
#622a14 rgb(98,42,20)
```
#723018
```
#723018 rgb(114,48,24)
```
#83371b
```
#83371b rgb(131,55,27)
```
#933e1f
```
#933e1f rgb(147,62,31)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#b34c25
```
#b34c25 rgb(179,76,37)
```
#c35329
```
#c35329 rgb(195,83,41)
```

Shade Color Variation

#d35a2d
```
#d35a2d rgb(211,90,45)
```
#d7673d
```
#d7673d rgb(215,103,61)
```
#da734d
```
#da734d rgb(218,115,77)
```
#dd805d
```
#dd805d rgb(221,128,93)
```
#e18d6e
```
#e18d6e rgb(225,141,110)
```
#e49a7e
```
#e49a7e rgb(228,154,126)
```
#e7a68e
```
#e7a68e rgb(231,166,142)
```
#ebb39e
```
#ebb39e rgb(235,179,158)
```
#eec0af
```
#eec0af rgb(238,192,175)
```
#f2cdbf
```
#f2cdbf rgb(242,205,191)
```
#f5d9cf
```
#f5d9cf rgb(245,217,207)
```
#f8e6df
```
#f8e6df rgb(248,230,223)
```
#fcf3ef
```
#fcf3ef rgb(252,243,239)
```

Tint Color Variation

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

#66615f
```
#66615f rgb(102,97,95)
```
#6e5d57
```
#6e5d57 rgb(110,93,87)
```
#765a4f
```
#765a4f rgb(118,90,79)
```
#7d5648
```
#7d5648 rgb(125,86,72)
```
#855340
```
#855340 rgb(133,83,64)
```
#8c4f39
```
#8c4f39 rgb(140,79,57)
```
#944c31
```
#944c31 rgb(148,76,49)
```
#9b482a
```
#9b482a rgb(155,72,42)
```
#a34522
```
#a34522 rgb(163,69,34)
```
#ab421a
```
#ab421a rgb(171,66,26)
```
#b23e13
```
#b23e13 rgb(178,62,19)
```
#ba3b0b
```
#ba3b0b rgb(186,59,11)
```
#c13704
```
#c13704 rgb(193,55,4)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6b5851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a35 Protanopia 1% of men
#836526 Deuteranopia 1% of men
#a94a4f Tritanopia 0.001% of the population

Trichromacy

#855c2e Protanomaly 1% of men, 0.01% of women
#8e5924 Deuteranomaly 6% of men, 0.4% of women
#a6483e Tritanomaly 0.01% of the population

#a34522 hex color

#a34522 Color Information

#a34522 Color Conversion

Color Schemes with #a34522

Alternatives to #a34522

#a34522 Preview

Shades and Tints of #a34522

Tones of #a34522

Color Blindness Simulator