#a45d22 hex color

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

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

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

The hexadecimal color #a45d22 has RGB values of R:164, G:93, B:34 and CMYK values of C:0, M:0.43, Y:0.79, K:0.36. Its decimal value is 10771746.

Hex triplet	a45d22	`#a45d22`
RGB Decimal	164, 93, 34	`rgb(164,93,34)`
RGB Percent	64.3, 36.5, 13.3	`rgb(64.3%,36.5%,13.3%)`
CMYK	0, 43, 79, 36
HSL	27.2°, 65.7, 38.8	`hsl(27.2,65.7%,38.8%)`
HSV (or HSB)	27.2°, 79.3, 64.3
Web Safe	996633	`#996633`

CIE-LAB	46.762, 24.44, 44.36
XYZ	19.514, 15.838, 3.543
xyY	0.502, 0.407, 15.838
CIE-LCH	46.762, 50.647, 61.148
CIE-LUV	46.762, 56.97, 38.973
Hunter-Lab	39.797, 17.877, 22.58
Binary	10100100, 01011101, 00100010

#a45d22
```
#a45d22 rgb(164,93,34)
```
#2269a4
```
#2269a4 rgb(34,105,164)
```

Complementary Color

#a42228
```
#a42228 rgb(164,34,40)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#a49e22
```
#a49e22 rgb(164,158,34)
```

Analogous Color

#2228a4
```
#2228a4 rgb(34,40,164)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#22a49e
```
#22a49e rgb(34,164,158)
```

Split Complementary Color

#5d22a4
```
#5d22a4 rgb(93,34,164)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#22a45d
```
#22a45d rgb(34,164,93)
```

Triadic Color

#a42269
```
#a42269 rgb(164,34,105)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#22a45d
```
#22a45d rgb(34,164,93)
```
#2269a4
```
#2269a4 rgb(34,105,164)
```

Tetradic Color

#653915
```
#653915 rgb(101,57,21)
```
#7a4519
```
#7a4519 rgb(122,69,25)
```
#8f511e
```
#8f511e rgb(143,81,30)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#b96926
```
#b96926 rgb(185,105,38)
```
#ce752b
```
#ce752b rgb(206,117,43)
```
#d7823c
```
#d7823c rgb(215,130,60)
```

Monochromatic Color

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

#a43d22
```
#a43d22 rgb(164,61,34)
```
#a44722
```
#a44722 rgb(164,71,34)
```
#a45222
```
#a45222 rgb(164,82,34)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#a46822
```
#a46822 rgb(164,104,34)
```
#a47322
```
#a47322 rgb(164,115,34)
```
#a47e22
```
#a47e22 rgb(164,126,34)
```

Similar Colors

Text with hexadecimal color #a45d22

This text has a font color of #a45d22.

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

#a45d22 background color

This paragraph has a background color of #a45d22.

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

#a45d22 border color

This element has a border color of #a45d22.

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

CSS codes

.text {color:#a45d22;}

.background {background-color:#a45d22;}

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

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 #fcf6f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120a04
```
#120a04 rgb(18,10,4)
```
#221307
```
#221307 rgb(34,19,7)
```
#321d0a
```
#321d0a rgb(50,29,10)
```
#43260e
```
#43260e rgb(67,38,14)
```
#532f11
```
#532f11 rgb(83,47,17)
```
#633815
```
#633815 rgb(99,56,21)
```
#734118
```
#734118 rgb(115,65,24)
```
#844b1b
```
#844b1b rgb(132,75,27)
```
#94541f
```
#94541f rgb(148,84,31)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#b46625
```
#b46625 rgb(180,102,37)
```
#c46f29
```
#c46f29 rgb(196,111,41)
```

Shade Color Variation

#d4792d
```
#d4792d rgb(212,121,45)
```
#d7833e
```
#d7833e rgb(215,131,62)
```
#da8e4e
```
#da8e4e rgb(218,142,78)
```
#de985e
```
#de985e rgb(222,152,94)
```
#e1a26e
```
#e1a26e rgb(225,162,110)
```
#e4ad7f
```
#e4ad7f rgb(228,173,127)
```
#e8b78f
```
#e8b78f rgb(232,183,143)
```
#ebc29f
```
#ebc29f rgb(235,194,159)
```
#eeccaf
```
#eeccaf rgb(238,204,175)
```
#f2d6c0
```
#f2d6c0 rgb(242,214,192)
```
#f5e1d0
```
#f5e1d0 rgb(245,225,208)
```
#f9ebe0
```
#f9ebe0 rgb(249,235,224)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#67635f
```
#67635f rgb(103,99,95)
```
#6f6257
```
#6f6257 rgb(111,98,87)
```
#766150
```
#766150 rgb(118,97,80)
```
#7e6148
```
#7e6148 rgb(126,97,72)
```
#866040
```
#866040 rgb(134,96,64)
```
#8d5f39
```
#8d5f39 rgb(141,95,57)
```
#955e31
```
#955e31 rgb(149,94,49)
```
#9c5e2a
```
#9c5e2a rgb(156,94,42)
```
#a45d22
```
#a45d22 rgb(164,93,34)
```
#ac5c1a
```
#ac5c1a rgb(172,92,26)
```
#b35c13
```
#b35c13 rgb(179,92,19)
```
#bb5b0b
```
#bb5b0b rgb(187,91,11)
```
#c25a04
```
#c25a04 rgb(194,90,4)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#77695d Atypical Achromatopsia 0.001% of the population

Dichromacy

#837632 Protanopia 1% of men
#927029 Deuteranopia 1% of men
#ab5f65 Tritanopia 0.001% of the population

Trichromacy

#8f6d2c Protanomaly 1% of men, 0.01% of women
#996926 Deuteranomaly 6% of men, 0.4% of women
#a85e4d Tritanomaly 0.01% of the population

#a45d22 hex color

#a45d22 Color Information

#a45d22 Color Conversion

Color Schemes with #a45d22

Alternatives to #a45d22

#a45d22 Preview

Shades and Tints of #a45d22

Tones of #a45d22

Color Blindness Simulator