#a45b22 hex color

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

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

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

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

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

CIE-LAB	46.301, 25.552, 43.914
XYZ	19.34, 15.492, 3.485
xyY	0.505, 0.404, 15.492
CIE-LCH	46.301, 50.807, 59.807
CIE-LUV	46.301, 58.528, 38.206
Hunter-Lab	39.36, 18.831, 22.302
Binary	10100100, 01011011, 00100010

#a45b22
```
#a45b22 rgb(164,91,34)
```
#226ba4
```
#226ba4 rgb(34,107,164)
```

Complementary Color

#a4222a
```
#a4222a rgb(164,34,42)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#a49c22
```
#a49c22 rgb(164,156,34)
```

Analogous Color

#222aa4
```
#222aa4 rgb(34,42,164)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#22a49c
```
#22a49c rgb(34,164,156)
```

Split Complementary Color

#5b22a4
```
#5b22a4 rgb(91,34,164)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#22a45b
```
#22a45b rgb(34,164,91)
```

Triadic Color

#a4226b
```
#a4226b rgb(164,34,107)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#22a45b
```
#22a45b rgb(34,164,91)
```
#226ba4
```
#226ba4 rgb(34,107,164)
```

Tetradic Color

#653815
```
#653815 rgb(101,56,21)
```
#7a4419
```
#7a4419 rgb(122,68,25)
```
#8f4f1e
```
#8f4f1e rgb(143,79,30)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#b96726
```
#b96726 rgb(185,103,38)
```
#ce722b
```
#ce722b rgb(206,114,43)
```
#d7803c
```
#d7803c rgb(215,128,60)
```

Monochromatic Color

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

#a43b22
```
#a43b22 rgb(164,59,34)
```
#a44522
```
#a44522 rgb(164,69,34)
```
#a45022
```
#a45022 rgb(164,80,34)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#a46622
```
#a46622 rgb(164,102,34)
```
#a47122
```
#a47122 rgb(164,113,34)
```
#a47c22
```
#a47c22 rgb(164,124,34)
```

Similar Colors

Text with hexadecimal color #a45b22

This text has a font color of #a45b22.

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

#a45b22 background color

This paragraph has a background color of #a45b22.

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

#a45b22 border color

This element has a border color of #a45b22.

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

CSS codes

.text {color:#a45b22;}

.background {background-color:#a45b22;}

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

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)
```
#532e11
```
#532e11 rgb(83,46,17)
```
#633715
```
#633715 rgb(99,55,21)
```
#734018
```
#734018 rgb(115,64,24)
```
#84491b
```
#84491b rgb(132,73,27)
```
#94521f
```
#94521f rgb(148,82,31)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#b46425
```
#b46425 rgb(180,100,37)
```
#c46d29
```
#c46d29 rgb(196,109,41)
```

Shade Color Variation

#d4762d
```
#d4762d rgb(212,118,45)
```
#d7813e
```
#d7813e rgb(215,129,62)
```
#da8b4e
```
#da8b4e rgb(218,139,78)
```
#de965e
```
#de965e rgb(222,150,94)
```
#e1a16e
```
#e1a16e rgb(225,161,110)
```
#e4ab7f
```
#e4ab7f rgb(228,171,127)
```
#e8b68f
```
#e8b68f rgb(232,182,143)
```
#ebc09f
```
#ebc09f rgb(235,192,159)
```
#eecbaf
```
#eecbaf rgb(238,203,175)
```
#f2d6c0
```
#f2d6c0 rgb(242,214,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 #c25704 is the most saturated one.

#67625f
```
#67625f rgb(103,98,95)
```
#6f6257
```
#6f6257 rgb(111,98,87)
```
#766150
```
#766150 rgb(118,97,80)
```
#7e6048
```
#7e6048 rgb(126,96,72)
```
#865f40
```
#865f40 rgb(134,95,64)
```
#8d5e39
```
#8d5e39 rgb(141,94,57)
```
#955d31
```
#955d31 rgb(149,93,49)
```
#9c5c2a
```
#9c5c2a rgb(156,92,42)
```
#a45b22
```
#a45b22 rgb(164,91,34)
```
#ac5a1a
```
#ac5a1a rgb(172,90,26)
```
#b35913
```
#b35913 rgb(179,89,19)
```
#bb580b
```
#bb580b rgb(187,88,11)
```
#c25704
```
#c25704 rgb(194,87,4)
```

Tone Color Variation

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

#827532 Protanopia 1% of men
#916f28 Deuteranopia 1% of men
#ab5d63 Tritanopia 0.001% of the population

Trichromacy

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

#a45b22 hex color

#a45b22 Color Information

#a45b22 Color Conversion

Color Schemes with #a45b22

Alternatives to #a45b22

#a45b22 Preview

Shades and Tints of #a45b22

Tones of #a45b22

Color Blindness Simulator