#a67322 hex color

In a RGB color space, hex #a67322 is composed of 65.1% red, 45.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.7% magenta, 79.5% yellow and 34.9% black. It has a hue angle of 36.8 degrees, a saturation of 66% and a lightness of 39.2%. #a67322 color hex could be obtained by blending #ffe644 with #4d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 45
- B 13
RGB color chart
- C 0
- M 31
- Y 80
- K 35
CMYK color chart

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

The hexadecimal color #a67322 has RGB values of R:166, G:115, B:34 and CMYK values of C:0, M:0.31, Y:0.8, K:0.35. Its decimal value is 10908450.

Hex triplet	a67322	`#a67322`
RGB Decimal	166, 115, 34	`rgb(166,115,34)`
RGB Percent	65.1, 45.1, 13.3	`rgb(65.1%,45.1%,13.3%)`
CMYK	0, 31, 80, 35
HSL	36.8°, 66, 39.2	`hsl(36.8,66%,39.2%)`
HSV (or HSB)	36.8°, 79.5, 65.1
Web Safe	996633	`#996633`

CIE-LAB	52.382, 12.924, 49.786
XYZ	22.146, 20.485, 4.301
xyY	0.472, 0.436, 20.485
CIE-LCH	52.382, 51.436, 75.448
CIE-LUV	52.382, 41.489, 47.826
Hunter-Lab	45.261, 8.133, 26.048
Binary	10100110, 01110011, 00100010

#a67322
```
#a67322 rgb(166,115,34)
```
#2255a6
```
#2255a6 rgb(34,85,166)
```

Complementary Color

#a63122
```
#a63122 rgb(166,49,34)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#97a622
```
#97a622 rgb(151,166,34)
```

Analogous Color

#3122a6
```
#3122a6 rgb(49,34,166)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#2297a6
```
#2297a6 rgb(34,151,166)
```

Split Complementary Color

#7322a6
```
#7322a6 rgb(115,34,166)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#22a673
```
#22a673 rgb(34,166,115)
```

Triadic Color

#a62255
```
#a62255 rgb(166,34,85)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#22a673
```
#22a673 rgb(34,166,115)
```
#2255a6
```
#2255a6 rgb(34,85,166)
```

Tetradic Color

#674715
```
#674715 rgb(103,71,21)
```
#7c5619
```
#7c5619 rgb(124,86,25)
```
#91641e
```
#91641e rgb(145,100,30)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#bb8226
```
#bb8226 rgb(187,130,38)
```
#d0902b
```
#d0902b rgb(208,144,43)
```
#d79c3d
```
#d79c3d rgb(215,156,61)
```

Monochromatic Color

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

#a65222
```
#a65222 rgb(166,82,34)
```
#a65d22
```
#a65d22 rgb(166,93,34)
```
#a66822
```
#a66822 rgb(166,104,34)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#a67e22
```
#a67e22 rgb(166,126,34)
```
#a68922
```
#a68922 rgb(166,137,34)
```
#a69422
```
#a69422 rgb(166,148,34)
```

Similar Colors

Text with hexadecimal color #a67322

This text has a font color of #a67322.

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

#a67322 background color

This paragraph has a background color of #a67322.

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

#a67322 border color

This element has a border color of #a67322.

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

CSS codes

.text {color:#a67322;}

.background {background-color:#a67322;}

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

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, #030201 is the darkest color, while #fcf8f2 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#130d04
```
#130d04 rgb(19,13,4)
```
#241907
```
#241907 rgb(36,25,7)
```
#34240b
```
#34240b rgb(52,36,11)
```
#442f0e
```
#442f0e rgb(68,47,14)
```
#553b11
```
#553b11 rgb(85,59,17)
```
#654615
```
#654615 rgb(101,70,21)
```
#755118
```
#755118 rgb(117,81,24)
```
#855c1b
```
#855c1b rgb(133,92,27)
```
#96681f
```
#96681f rgb(150,104,31)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#b67e25
```
#b67e25 rgb(182,126,37)
```
#c78a29
```
#c78a29 rgb(199,138,41)
```

Shade Color Variation

#d4942f
```
#d4942f rgb(212,148,47)
```
#d89d3f
```
#d89d3f rgb(216,157,63)
```
#dba54f
```
#dba54f rgb(219,165,79)
```
#dead5f
```
#dead5f rgb(222,173,95)
```
#e2b670
```
#e2b670 rgb(226,182,112)
```
#e5be80
```
#e5be80 rgb(229,190,128)
```
#e8c690
```
#e8c690 rgb(232,198,144)
```
#eccfa1
```
#eccfa1 rgb(236,207,161)
```
#efd7b1
```
#efd7b1 rgb(239,215,177)
```
#f2dfc1
```
#f2dfc1 rgb(242,223,193)
```
#f6e8d1
```
#f6e8d1 rgb(246,232,209)
```
#f9f0e2
```
#f9f0e2 rgb(249,240,226)
```
#fcf8f2
```
#fcf8f2 rgb(252,248,242)
```

Tint Color Variation

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

#686560
```
#686560 rgb(104,101,96)
```
#706758
```
#706758 rgb(112,103,88)
```
#786950
```
#786950 rgb(120,105,80)
```
#806a48
```
#806a48 rgb(128,106,72)
```
#876c41
```
#876c41 rgb(135,108,65)
```
#8f6e39
```
#8f6e39 rgb(143,110,57)
```
#977031
```
#977031 rgb(151,112,49)
```
#9e712a
```
#9e712a rgb(158,113,42)
```
#a67322
```
#a67322 rgb(166,115,34)
```
#ae751a
```
#ae751a rgb(174,117,26)
```
#b57613
```
#b57613 rgb(181,118,19)
```
#bd780b
```
#bd780b rgb(189,120,11)
```
#c57a03
```
#c57a03 rgb(197,122,3)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#827868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928330 Protanopia 1% of men
#a37d2c Deuteranopia 1% of men
#af727a Tritanopia 0.001% of the population

Trichromacy

#997d2a Protanomaly 1% of men, 0.01% of women
#a47928 Deuteranomaly 6% of men, 0.4% of women
#ac725a Tritanomaly 0.01% of the population

#a67322 hex color

#a67322 Color Information

#a67322 Color Conversion

Color Schemes with #a67322

Alternatives to #a67322

#a67322 Preview

Shades and Tints of #a67322

Tones of #a67322

Color Blindness Simulator