#a46a22 hex color

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

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

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

The hexadecimal color #a46a22 has RGB values of R:164, G:106, B:34 and CMYK values of C:0, M:0.35, Y:0.79, K:0.36. Its decimal value is 10775074.

Hex triplet	a46a22	`#a46a22`
RGB Decimal	164, 106, 34	`rgb(164,106,34)`
RGB Percent	64.3, 41.6, 13.3	`rgb(64.3%,41.6%,13.3%)`
CMYK	0, 35, 79, 36
HSL	33.2°, 65.7, 38.8	`hsl(33.2,65.7%,38.8%)`
HSV (or HSB)	33.2°, 79.3, 64.3
Web Safe	996633	`#996633`

CIE-LAB	49.879, 17.121, 47.343
XYZ	20.753, 18.318, 3.956
xyY	0.482, 0.426, 18.318
CIE-LCH	49.879, 50.344, 70.118
CIE-LUV	49.879, 46.83, 44.086
Hunter-Lab	42.799, 11.656, 24.479
Binary	10100100, 01101010, 00100010

#a46a22
```
#a46a22 rgb(164,106,34)
```
#225ca4
```
#225ca4 rgb(34,92,164)
```

Complementary Color

#a42922
```
#a42922 rgb(164,41,34)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#9da422
```
#9da422 rgb(157,164,34)
```

Analogous Color

#2922a4
```
#2922a4 rgb(41,34,164)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#229da4
```
#229da4 rgb(34,157,164)
```

Split Complementary Color

#6a22a4
```
#6a22a4 rgb(106,34,164)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#22a46a
```
#22a46a rgb(34,164,106)
```

Triadic Color

#a4225c
```
#a4225c rgb(164,34,92)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#22a46a
```
#22a46a rgb(34,164,106)
```
#225ca4
```
#225ca4 rgb(34,92,164)
```

Tetradic Color

#654115
```
#654115 rgb(101,65,21)
```
#7a4f19
```
#7a4f19 rgb(122,79,25)
```
#8f5c1e
```
#8f5c1e rgb(143,92,30)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#b97826
```
#b97826 rgb(185,120,38)
```
#ce852b
```
#ce852b rgb(206,133,43)
```
#d7923c
```
#d7923c rgb(215,146,60)
```

Monochromatic Color

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

#a44a22
```
#a44a22 rgb(164,74,34)
```
#a45422
```
#a45422 rgb(164,84,34)
```
#a45f22
```
#a45f22 rgb(164,95,34)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#a47522
```
#a47522 rgb(164,117,34)
```
#a48022
```
#a48022 rgb(164,128,34)
```
#a48b22
```
#a48b22 rgb(164,139,34)
```

Similar Colors

Text with hexadecimal color #a46a22

This text has a font color of #a46a22.

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

#a46a22 background color

This paragraph has a background color of #a46a22.

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

#a46a22 border color

This element has a border color of #a46a22.

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

CSS codes

.text {color:#a46a22;}

.background {background-color:#a46a22;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120b04
```
#120b04 rgb(18,11,4)
```
#221607
```
#221607 rgb(34,22,7)
```
#32200a
```
#32200a rgb(50,32,10)
```
#432b0e
```
#432b0e rgb(67,43,14)
```
#533511
```
#533511 rgb(83,53,17)
```
#634015
```
#634015 rgb(99,64,21)
```
#734a18
```
#734a18 rgb(115,74,24)
```
#84551b
```
#84551b rgb(132,85,27)
```
#945f1f
```
#945f1f rgb(148,95,31)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#b47525
```
#b47525 rgb(180,117,37)
```
#c47f29
```
#c47f29 rgb(196,127,41)
```

Shade Color Variation

#d4892d
```
#d4892d rgb(212,137,45)
```
#d7923e
```
#d7923e rgb(215,146,62)
```
#da9c4e
```
#da9c4e rgb(218,156,78)
```
#dea55e
```
#dea55e rgb(222,165,94)
```
#e1ae6e
```
#e1ae6e rgb(225,174,110)
```
#e4b77f
```
#e4b77f rgb(228,183,127)
```
#e8c08f
```
#e8c08f rgb(232,192,143)
```
#ebc99f
```
#ebc99f rgb(235,201,159)
```
#eed2af
```
#eed2af rgb(238,210,175)
```
#f2dbc0
```
#f2dbc0 rgb(242,219,192)
```
#f5e5d0
```
#f5e5d0 rgb(245,229,208)
```
#f9eee0
```
#f9eee0 rgb(249,238,224)
```
#fcf7f0
```
#fcf7f0 rgb(252,247,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 #c26d04 is the most saturated one.

#67635f
```
#67635f rgb(103,99,95)
```
#6f6457
```
#6f6457 rgb(111,100,87)
```
#766550
```
#766550 rgb(118,101,80)
```
#7e6648
```
#7e6648 rgb(126,102,72)
```
#866740
```
#866740 rgb(134,103,64)
```
#8d6839
```
#8d6839 rgb(141,104,57)
```
#956831
```
#956831 rgb(149,104,49)
```
#9c692a
```
#9c692a rgb(156,105,42)
```
#a46a22
```
#a46a22 rgb(164,106,34)
```
#ac6b1a
```
#ac6b1a rgb(172,107,26)
```
#b36c13
```
#b36c13 rgb(179,108,19)
```
#bb6c0b
```
#bb6c0b rgb(187,108,11)
```
#c26d04
```
#c26d04 rgb(194,109,4)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7d7163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d30 Protanopia 1% of men
#9c772a Deuteranopia 1% of men
#ac6a72 Tritanopia 0.001% of the population

Trichromacy

#94762b Protanomaly 1% of men, 0.01% of women
#9e7227 Deuteranomaly 6% of men, 0.4% of women
#a96a55 Tritanomaly 0.01% of the population

#a46a22 hex color

#a46a22 Color Information

#a46a22 Color Conversion

Color Schemes with #a46a22

Alternatives to #a46a22

#a46a22 Preview

Shades and Tints of #a46a22

Tones of #a46a22

Color Blindness Simulator