#a67222 hex color

In a RGB color space, hex #a67222 is composed of 65.1% red, 44.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 79.5% yellow and 34.9% black. It has a hue angle of 36.4 degrees, a saturation of 66% and a lightness of 39.2%. #a67222 color hex could be obtained by blending #ffe444 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

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

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

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

CIE-LAB	52.128, 13.49, 49.549
XYZ	22.032, 20.259, 4.263
xyY	0.473, 0.435, 20.259
CIE-LCH	52.128, 51.353, 74.77
CIE-LUV	52.128, 42.26, 47.421
Hunter-Lab	45.009, 8.61, 25.891
Binary	10100110, 01110010, 00100010

#a67222
```
#a67222 rgb(166,114,34)
```
#2256a6
```
#2256a6 rgb(34,86,166)
```

Complementary Color

#a63022
```
#a63022 rgb(166,48,34)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#98a622
```
#98a622 rgb(152,166,34)
```

Analogous Color

#3022a6
```
#3022a6 rgb(48,34,166)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#2298a6
```
#2298a6 rgb(34,152,166)
```

Split Complementary Color

#7222a6
```
#7222a6 rgb(114,34,166)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#22a672
```
#22a672 rgb(34,166,114)
```

Triadic Color

#a62256
```
#a62256 rgb(166,34,86)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#22a672
```
#22a672 rgb(34,166,114)
```
#2256a6
```
#2256a6 rgb(34,86,166)
```

Tetradic Color

#674615
```
#674615 rgb(103,70,21)
```
#7c5519
```
#7c5519 rgb(124,85,25)
```
#91631e
```
#91631e rgb(145,99,30)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#bb8126
```
#bb8126 rgb(187,129,38)
```
#d08f2b
```
#d08f2b rgb(208,143,43)
```
#d79b3d
```
#d79b3d rgb(215,155,61)
```

Monochromatic Color

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

#a65122
```
#a65122 rgb(166,81,34)
```
#a65c22
```
#a65c22 rgb(166,92,34)
```
#a66722
```
#a66722 rgb(166,103,34)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#a67d22
```
#a67d22 rgb(166,125,34)
```
#a68822
```
#a68822 rgb(166,136,34)
```
#a69322
```
#a69322 rgb(166,147,34)
```

Similar Colors

Text with hexadecimal color #a67222

This text has a font color of #a67222.

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

#a67222 background color

This paragraph has a background color of #a67222.

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

#a67222 border color

This element has a border color of #a67222.

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

CSS codes

.text {color:#a67222;}

.background {background-color:#a67222;}

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

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)
```
#553a11
```
#553a11 rgb(85,58,17)
```
#654515
```
#654515 rgb(101,69,21)
```
#755018
```
#755018 rgb(117,80,24)
```
#855c1b
```
#855c1b rgb(133,92,27)
```
#96671f
```
#96671f rgb(150,103,31)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#b67d25
```
#b67d25 rgb(182,125,37)
```
#c78829
```
#c78829 rgb(199,136,41)
```

Shade Color Variation

#d4932f
```
#d4932f rgb(212,147,47)
```
#d89b3f
```
#d89b3f rgb(216,155,63)
```
#dba44f
```
#dba44f rgb(219,164,79)
```
#deac5f
```
#deac5f rgb(222,172,95)
```
#e2b570
```
#e2b570 rgb(226,181,112)
```
#e5bd80
```
#e5bd80 rgb(229,189,128)
```
#e8c690
```
#e8c690 rgb(232,198,144)
```
#eccea1
```
#eccea1 rgb(236,206,161)
```
#efd6b1
```
#efd6b1 rgb(239,214,177)
```
#f2dfc1
```
#f2dfc1 rgb(242,223,193)
```
#f6e7d1
```
#f6e7d1 rgb(246,231,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 #c57903 is the most saturated one.

#686560
```
#686560 rgb(104,101,96)
```
#706758
```
#706758 rgb(112,103,88)
```
#786850
```
#786850 rgb(120,104,80)
```
#806a48
```
#806a48 rgb(128,106,72)
```
#876b41
```
#876b41 rgb(135,107,65)
```
#8f6d39
```
#8f6d39 rgb(143,109,57)
```
#976f31
```
#976f31 rgb(151,111,49)
```
#9e702a
```
#9e702a rgb(158,112,42)
```
#a67222
```
#a67222 rgb(166,114,34)
```
#ae741a
```
#ae741a rgb(174,116,26)
```
#b57513
```
#b57513 rgb(181,117,19)
```
#bd770b
```
#bd770b rgb(189,119,11)
```
#c57903
```
#c57903 rgb(197,121,3)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#817767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928330 Protanopia 1% of men
#a27c2b Deuteranopia 1% of men
#af7179 Tritanopia 0.001% of the population

Trichromacy

#997d2b Protanomaly 1% of men, 0.01% of women
#a37828 Deuteranomaly 6% of men, 0.4% of women
#ac7159 Tritanomaly 0.01% of the population

#a67222 hex color

#a67222 Color Information

#a67222 Color Conversion

Color Schemes with #a67222

Alternatives to #a67222

#a67222 Preview

Shades and Tints of #a67222

Tones of #a67222

Color Blindness Simulator