#a45e22 hex color

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

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

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

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

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

CIE-LAB	46.994, 23.882, 44.585
XYZ	19.602, 16.015, 3.572
xyY	0.5, 0.409, 16.015
CIE-LCH	46.994, 50.578, 61.824
CIE-LUV	46.994, 56.19, 39.359
Hunter-Lab	40.019, 17.4, 22.721
Binary	10100100, 01011110, 00100010

#a45e22
```
#a45e22 rgb(164,94,34)
```
#2268a4
```
#2268a4 rgb(34,104,164)
```

Complementary Color

#a42227
```
#a42227 rgb(164,34,39)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#a49f22
```
#a49f22 rgb(164,159,34)
```

Analogous Color

#2227a4
```
#2227a4 rgb(34,39,164)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#22a49f
```
#22a49f rgb(34,164,159)
```

Split Complementary Color

#5e22a4
```
#5e22a4 rgb(94,34,164)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#22a45e
```
#22a45e rgb(34,164,94)
```

Triadic Color

#a42268
```
#a42268 rgb(164,34,104)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#22a45e
```
#22a45e rgb(34,164,94)
```
#2268a4
```
#2268a4 rgb(34,104,164)
```

Tetradic Color

#653a15
```
#653a15 rgb(101,58,21)
```
#7a4619
```
#7a4619 rgb(122,70,25)
```
#8f521e
```
#8f521e rgb(143,82,30)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#b96a26
```
#b96a26 rgb(185,106,38)
```
#ce762b
```
#ce762b rgb(206,118,43)
```
#d7833c
```
#d7833c rgb(215,131,60)
```

Monochromatic Color

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

#a43e22
```
#a43e22 rgb(164,62,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)
```
#a47f22
```
#a47f22 rgb(164,127,34)
```

Similar Colors

Text with hexadecimal color #a45e22

This text has a font color of #a45e22.

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

#a45e22 background color

This paragraph has a background color of #a45e22.

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

#a45e22 border color

This element has a border color of #a45e22.

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

CSS codes

.text {color:#a45e22;}

.background {background-color:#a45e22;}

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

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)
```
#221407
```
#221407 rgb(34,20,7)
```
#321d0a
```
#321d0a rgb(50,29,10)
```
#43260e
```
#43260e rgb(67,38,14)
```
#532f11
```
#532f11 rgb(83,47,17)
```
#633915
```
#633915 rgb(99,57,21)
```
#734218
```
#734218 rgb(115,66,24)
```
#844b1b
```
#844b1b rgb(132,75,27)
```
#94551f
```
#94551f rgb(148,85,31)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#b46725
```
#b46725 rgb(180,103,37)
```
#c47129
```
#c47129 rgb(196,113,41)
```

Shade Color Variation

#d47a2d
```
#d47a2d rgb(212,122,45)
```
#d7843e
```
#d7843e rgb(215,132,62)
```
#da8f4e
```
#da8f4e rgb(218,143,78)
```
#de995e
```
#de995e rgb(222,153,94)
```
#e1a36e
```
#e1a36e rgb(225,163,110)
```
#e4ae7f
```
#e4ae7f rgb(228,174,127)
```
#e8b88f
```
#e8b88f rgb(232,184,143)
```
#ebc29f
```
#ebc29f rgb(235,194,159)
```
#eeccaf
```
#eeccaf rgb(238,204,175)
```
#f2d7c0
```
#f2d7c0 rgb(242,215,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 #c25c04 is the most saturated one.

#67635f
```
#67635f rgb(103,99,95)
```
#6f6257
```
#6f6257 rgb(111,98,87)
```
#766250
```
#766250 rgb(118,98,80)
```
#7e6148
```
#7e6148 rgb(126,97,72)
```
#866040
```
#866040 rgb(134,96,64)
```
#8d6039
```
#8d6039 rgb(141,96,57)
```
#955f31
```
#955f31 rgb(149,95,49)
```
#9c5f2a
```
#9c5f2a rgb(156,95,42)
```
#a45e22
```
#a45e22 rgb(164,94,34)
```
#ac5d1a
```
#ac5d1a rgb(172,93,26)
```
#b35d13
```
#b35d13 rgb(179,93,19)
```
#bb5c0b
```
#bb5c0b rgb(187,92,11)
```
#c25c04
```
#c25c04 rgb(194,92,4)
```

Tone Color Variation

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

#837732 Protanopia 1% of men
#937129 Deuteranopia 1% of men
#ab6066 Tritanopia 0.001% of the population

Trichromacy

#8f6d2c Protanomaly 1% of men, 0.01% of women
#996a26 Deuteranomaly 6% of men, 0.4% of women
#a95f4d Tritanomaly 0.01% of the population

#a45e22 hex color

#a45e22 Color Information

#a45e22 Color Conversion

Color Schemes with #a45e22

Alternatives to #a45e22

#a45e22 Preview

Shades and Tints of #a45e22

Tones of #a45e22

Color Blindness Simulator