colorhexa.com

#a45322 hex color

In a RGB color space, hex #a45322 is composed of 64.3% red, 32.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.4% magenta, 79.3% yellow and 35.7% black. It has a hue angle of 22.6 degrees, a saturation of 65.7% and a lightness of 38.8%. #a45322 color hex could be obtained by blending #ffa644 with #490000. Closest websafe color is: #996633.

- R 64
- G 33
- B 13
RGB color chart
- C 0
- M 49
- Y 79
- K 36
CMYK color chart

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

The hexadecimal color #a45322 has RGB values of R:164, G:83, B:34 and CMYK values of C:0, M:0.49, Y:0.79, K:0.36. Its decimal value is 10769186.

Hex triplet	a45322	`#a45322`
RGB Decimal	164, 83, 34	`rgb(164,83,34)`
RGB Percent	64.3, 32.5, 13.3	`rgb(64.3%,32.5%,13.3%)`
CMYK	0, 49, 79, 36
HSL	22.6°, 65.7, 38.8	`hsl(22.6,65.7%,38.8%)`
HSV (or HSB)	22.6°, 79.3, 64.3
Web Safe	996633	`#996633`

CIE-LAB	44.513, 29.936, 42.172
XYZ	18.692, 14.196, 3.269
xyY	0.517, 0.393, 14.196
CIE-LCH	44.513, 51.717, 54.631
CIE-LUV	44.513, 64.718, 35.206
Hunter-Lab	37.678, 22.62, 21.23
Binary	10100100, 01010011, 00100010

#a45322
```
#a45322 rgb(164,83,34)
```
#2273a4
```
#2273a4 rgb(34,115,164)
```

Complementary Color

#a42232
```
#a42232 rgb(164,34,50)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#a49422
```
#a49422 rgb(164,148,34)
```

Analogous Color

#2232a4
```
#2232a4 rgb(34,50,164)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#22a494
```
#22a494 rgb(34,164,148)
```

Split Complementary Color

#5322a4
```
#5322a4 rgb(83,34,164)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#22a453
```
#22a453 rgb(34,164,83)
```

Triadic Color

#a42273
```
#a42273 rgb(164,34,115)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#22a453
```
#22a453 rgb(34,164,83)
```
#2273a4
```
#2273a4 rgb(34,115,164)
```

Tetradic Color

#653315
```
#653315 rgb(101,51,21)
```
#7a3e19
```
#7a3e19 rgb(122,62,25)
```
#8f481e
```
#8f481e rgb(143,72,30)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#b95e26
```
#b95e26 rgb(185,94,38)
```
#ce682b
```
#ce682b rgb(206,104,43)
```
#d7763c
```
#d7763c rgb(215,118,60)
```

Monochromatic Color

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

#a43322
```
#a43322 rgb(164,51,34)
```
#a43d22
```
#a43d22 rgb(164,61,34)
```
#a44822
```
#a44822 rgb(164,72,34)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#a46922
```
#a46922 rgb(164,105,34)
```
#a47422
```
#a47422 rgb(164,116,34)
```

Similar Colors

Text with hexadecimal color #a45322

This text has a font color of #a45322.

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

#a45322 background color

This paragraph has a background color of #a45322.

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

#a45322 border color

This element has a border color of #a45322.

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

CSS codes

.text {color:#a45322;}

.background {background-color:#a45322;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120904
```
#120904 rgb(18,9,4)
```
#221107
```
#221107 rgb(34,17,7)
```
#32190a
```
#32190a rgb(50,25,10)
```
#43220e
```
#43220e rgb(67,34,14)
```
#532a11
```
#532a11 rgb(83,42,17)
```
#633215
```
#633215 rgb(99,50,21)
```
#733a18
```
#733a18 rgb(115,58,24)
```
#84431b
```
#84431b rgb(132,67,27)
```
#944b1f
```
#944b1f rgb(148,75,31)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#b45b25
```
#b45b25 rgb(180,91,37)
```
#c46329
```
#c46329 rgb(196,99,41)
```

Shade Color Variation

#d46c2d
```
#d46c2d rgb(212,108,45)
```
#d7773e
```
#d7773e rgb(215,119,62)
```
#da834e
```
#da834e rgb(218,131,78)
```
#de8e5e
```
#de8e5e rgb(222,142,94)
```
#e19a6e
```
#e19a6e rgb(225,154,110)
```
#e4a57f
```
#e4a57f rgb(228,165,127)
```
#e8b08f
```
#e8b08f rgb(232,176,143)
```
#ebbc9f
```
#ebbc9f rgb(235,188,159)
```
#eec7af
```
#eec7af rgb(238,199,175)
```
#f2d3c0
```
#f2d3c0 rgb(242,211,192)
```
#f5ded0
```
#f5ded0 rgb(245,222,208)
```
#f9e9e0
```
#f9e9e0 rgb(249,233,224)
```
#fcf5f0
```
#fcf5f0 rgb(252,245,240)
```

Tint Color Variation

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

#67625f
```
#67625f rgb(103,98,95)
```
#6f6057
```
#6f6057 rgb(111,96,87)
```
#765e50
```
#765e50 rgb(118,94,80)
```
#7e5c48
```
#7e5c48 rgb(126,92,72)
```
#865a40
```
#865a40 rgb(134,90,64)
```
#8d5939
```
#8d5939 rgb(141,89,57)
```
#955731
```
#955731 rgb(149,87,49)
```
#9c552a
```
#9c552a rgb(156,85,42)
```
#a45322
```
#a45322 rgb(164,83,34)
```
#ac511a
```
#ac511a rgb(172,81,26)
```
#b34f13
```
#b34f13 rgb(179,79,19)
```
#bb4d0b
```
#bb4d0b rgb(187,77,11)
```
#c24c04
```
#c24c04 rgb(194,76,4)
```

Tone Color Variation

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

Dichromacy

#7d7133 Protanopia 1% of men
#8c6b27 Deuteranopia 1% of men
#ab565c Tritanopia 0.001% of the population

Trichromacy

#8b662d Protanomaly 1% of men, 0.01% of women
#946225 Deuteranomaly 6% of men, 0.4% of women
#a85547 Tritanomaly 0.01% of the population