#a45a22 hex color

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

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

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

The hexadecimal color #a45a22 has RGB values of R:164, G:90, B:34 and CMYK values of C:0, M:0.45, Y:0.79, K:0.36. Its decimal value is 10770978.

Hex triplet	a45a22	`#a45a22`
RGB Decimal	164, 90, 34	`rgb(164,90,34)`
RGB Percent	64.3, 35.3, 13.3	`rgb(64.3%,35.3%,13.3%)`
CMYK	0, 45, 79, 36
HSL	25.8°, 65.7, 38.8	`hsl(25.8,65.7%,38.8%)`
HSV (or HSB)	25.8°, 79.3, 64.3
Web Safe	996633	`#996633`

CIE-LAB	46.072, 26.106, 43.693
XYZ	19.255, 15.322, 3.457
xyY	0.506, 0.403, 15.322
CIE-LCH	46.072, 50.897, 59.142
CIE-LUV	46.072, 59.306, 37.825
Hunter-Lab	39.143, 19.307, 22.164
Binary	10100100, 01011010, 00100010

#a45a22
```
#a45a22 rgb(164,90,34)
```
#226ca4
```
#226ca4 rgb(34,108,164)
```

Complementary Color

#a4222b
```
#a4222b rgb(164,34,43)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#a49b22
```
#a49b22 rgb(164,155,34)
```

Analogous Color

#222ba4
```
#222ba4 rgb(34,43,164)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#22a49b
```
#22a49b rgb(34,164,155)
```

Split Complementary Color

#5a22a4
```
#5a22a4 rgb(90,34,164)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#22a45a
```
#22a45a rgb(34,164,90)
```

Triadic Color

#a4226c
```
#a4226c rgb(164,34,108)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#22a45a
```
#22a45a rgb(34,164,90)
```
#226ca4
```
#226ca4 rgb(34,108,164)
```

Tetradic Color

#653715
```
#653715 rgb(101,55,21)
```
#7a4319
```
#7a4319 rgb(122,67,25)
```
#8f4e1e
```
#8f4e1e rgb(143,78,30)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#b96626
```
#b96626 rgb(185,102,38)
```
#ce712b
```
#ce712b rgb(206,113,43)
```
#d77f3c
```
#d77f3c rgb(215,127,60)
```

Monochromatic Color

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

#a43a22
```
#a43a22 rgb(164,58,34)
```
#a44422
```
#a44422 rgb(164,68,34)
```
#a44f22
```
#a44f22 rgb(164,79,34)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#a46522
```
#a46522 rgb(164,101,34)
```
#a47022
```
#a47022 rgb(164,112,34)
```
#a47b22
```
#a47b22 rgb(164,123,34)
```

Similar Colors

Text with hexadecimal color #a45a22

This text has a font color of #a45a22.

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

#a45a22 background color

This paragraph has a background color of #a45a22.

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

#a45a22 border color

This element has a border color of #a45a22.

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

CSS codes

.text {color:#a45a22;}

.background {background-color:#a45a22;}

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

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)
```
#120a04
```
#120a04 rgb(18,10,4)
```
#221307
```
#221307 rgb(34,19,7)
```
#321c0a
```
#321c0a rgb(50,28,10)
```
#43250e
```
#43250e rgb(67,37,14)
```
#532d11
```
#532d11 rgb(83,45,17)
```
#633615
```
#633615 rgb(99,54,21)
```
#733f18
```
#733f18 rgb(115,63,24)
```
#84481b
```
#84481b rgb(132,72,27)
```
#94511f
```
#94511f rgb(148,81,31)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#b46325
```
#b46325 rgb(180,99,37)
```
#c46c29
```
#c46c29 rgb(196,108,41)
```

Shade Color Variation

#d4752d
```
#d4752d rgb(212,117,45)
```
#d7803e
```
#d7803e rgb(215,128,62)
```
#da8a4e
```
#da8a4e rgb(218,138,78)
```
#de955e
```
#de955e rgb(222,149,94)
```
#e1a06e
```
#e1a06e rgb(225,160,110)
```
#e4aa7f
```
#e4aa7f rgb(228,170,127)
```
#e8b58f
```
#e8b58f rgb(232,181,143)
```
#ebc09f
```
#ebc09f rgb(235,192,159)
```
#eecbaf
```
#eecbaf rgb(238,203,175)
```
#f2d5c0
```
#f2d5c0 rgb(242,213,192)
```
#f5e0d0
```
#f5e0d0 rgb(245,224,208)
```
#f9ebe0
```
#f9ebe0 rgb(249,235,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 #c25604 is the most saturated one.

#67625f
```
#67625f rgb(103,98,95)
```
#6f6157
```
#6f6157 rgb(111,97,87)
```
#766050
```
#766050 rgb(118,96,80)
```
#7e5f48
```
#7e5f48 rgb(126,95,72)
```
#865e40
```
#865e40 rgb(134,94,64)
```
#8d5d39
```
#8d5d39 rgb(141,93,57)
```
#955c31
```
#955c31 rgb(149,92,49)
```
#9c5b2a
```
#9c5b2a rgb(156,91,42)
```
#a45a22
```
#a45a22 rgb(164,90,34)
```
#ac591a
```
#ac591a rgb(172,89,26)
```
#b35813
```
#b35813 rgb(179,88,19)
```
#bb570b
```
#bb570b rgb(187,87,11)
```
#c25604
```
#c25604 rgb(194,86,4)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#76675c Atypical Achromatopsia 0.001% of the population

Dichromacy

#817432 Protanopia 1% of men
#906f28 Deuteranopia 1% of men
#ab5d63 Tritanopia 0.001% of the population

Trichromacy

#8e6b2c Protanomaly 1% of men, 0.01% of women
#976726 Deuteranomaly 6% of men, 0.4% of women
#a85b4b Tritanomaly 0.01% of the population

#a45a22 hex color

#a45a22 Color Information

#a45a22 Color Conversion

Color Schemes with #a45a22

Alternatives to #a45a22

#a45a22 Preview

Shades and Tints of #a45a22

Tones of #a45a22

Color Blindness Simulator