#a46b22 hex color

In a RGB color space, hex #a46b22 is composed of 64.3% red, 42% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 79.3% yellow and 35.7% black. It has a hue angle of 33.7 degrees, a saturation of 65.7% and a lightness of 38.8%. #a46b22 color hex could be obtained by blending #ffd644 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

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

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

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

CIE-LAB	50.127, 16.554, 47.578
XYZ	20.857, 18.525, 3.991
xyY	0.481, 0.427, 18.525
CIE-LCH	50.127, 50.376, 70.815
CIE-LUV	50.127, 46.054, 44.487
Hunter-Lab	43.04, 11.178, 24.631
Binary	10100100, 01101011, 00100010

#a46b22
```
#a46b22 rgb(164,107,34)
```
#225ba4
```
#225ba4 rgb(34,91,164)
```

Complementary Color

#a42a22
```
#a42a22 rgb(164,42,34)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#9ca422
```
#9ca422 rgb(156,164,34)
```

Analogous Color

#2a22a4
```
#2a22a4 rgb(42,34,164)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#229ca4
```
#229ca4 rgb(34,156,164)
```

Split Complementary Color

#6b22a4
```
#6b22a4 rgb(107,34,164)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#22a46b
```
#22a46b rgb(34,164,107)
```

Triadic Color

#a4225b
```
#a4225b rgb(164,34,91)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#22a46b
```
#22a46b rgb(34,164,107)
```
#225ba4
```
#225ba4 rgb(34,91,164)
```

Tetradic Color

#654215
```
#654215 rgb(101,66,21)
```
#7a4f19
```
#7a4f19 rgb(122,79,25)
```
#8f5d1e
```
#8f5d1e rgb(143,93,30)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#b97926
```
#b97926 rgb(185,121,38)
```
#ce872b
```
#ce872b rgb(206,135,43)
```
#d7933c
```
#d7933c rgb(215,147,60)
```

Monochromatic Color

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

#a44b22
```
#a44b22 rgb(164,75,34)
```
#a45522
```
#a45522 rgb(164,85,34)
```
#a46022
```
#a46022 rgb(164,96,34)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#a47622
```
#a47622 rgb(164,118,34)
```
#a48122
```
#a48122 rgb(164,129,34)
```
#a48c22
```
#a48c22 rgb(164,140,34)
```

Similar Colors

Text with hexadecimal color #a46b22

This text has a font color of #a46b22.

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

#a46b22 background color

This paragraph has a background color of #a46b22.

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

#a46b22 border color

This element has a border color of #a46b22.

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

CSS codes

.text {color:#a46b22;}

.background {background-color:#a46b22;}

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

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)
```
#120c04
```
#120c04 rgb(18,12,4)
```
#221607
```
#221607 rgb(34,22,7)
```
#32210a
```
#32210a rgb(50,33,10)
```
#432b0e
```
#432b0e rgb(67,43,14)
```
#533611
```
#533611 rgb(83,54,17)
```
#634115
```
#634115 rgb(99,65,21)
```
#734b18
```
#734b18 rgb(115,75,24)
```
#84561b
```
#84561b rgb(132,86,27)
```
#94601f
```
#94601f rgb(148,96,31)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#b47625
```
#b47625 rgb(180,118,37)
```
#c48029
```
#c48029 rgb(196,128,41)
```

Shade Color Variation

#d48b2d
```
#d48b2d rgb(212,139,45)
```
#d7943e
```
#d7943e rgb(215,148,62)
```
#da9d4e
```
#da9d4e rgb(218,157,78)
```
#dea65e
```
#dea65e rgb(222,166,94)
```
#e1af6e
```
#e1af6e rgb(225,175,110)
```
#e4b87f
```
#e4b87f rgb(228,184,127)
```
#e8c18f
```
#e8c18f rgb(232,193,143)
```
#ebca9f
```
#ebca9f rgb(235,202,159)
```
#eed3af
```
#eed3af rgb(238,211,175)
```
#f2dcc0
```
#f2dcc0 rgb(242,220,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, #67645f is the less saturated color, while #c26f04 is the most saturated one.

#67645f
```
#67645f rgb(103,100,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)
```
#956931
```
#956931 rgb(149,105,49)
```
#9c6a2a
```
#9c6a2a rgb(156,106,42)
```
#a46b22
```
#a46b22 rgb(164,107,34)
```
#ac6c1a
```
#ac6c1a rgb(172,108,26)
```
#b36d13
```
#b36d13 rgb(179,109,19)
```
#bb6e0b
```
#bb6e0b rgb(187,110,11)
```
#c26f04
```
#c26f04 rgb(194,111,4)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7e7264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e30 Protanopia 1% of men
#9c782b Deuteranopia 1% of men
#ad6b73 Tritanopia 0.001% of the population

Trichromacy

#95772b Protanomaly 1% of men, 0.01% of women
#9f7327 Deuteranomaly 6% of men, 0.4% of women
#a96b55 Tritanomaly 0.01% of the population

#a46b22 hex color

#a46b22 Color Information

#a46b22 Color Conversion

Color Schemes with #a46b22

Alternatives to #a46b22

#a46b22 Preview

Shades and Tints of #a46b22

Tones of #a46b22

Color Blindness Simulator