#a67221 hex color

In a RGB color space, hex #a67221 is composed of 65.1% red, 44.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 80.1% yellow and 34.9% black. It has a hue angle of 36.5 degrees, a saturation of 66.8% and a lightness of 39%. #a67221 color hex could be obtained by blending #ffe442 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

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

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

Hex triplet	a67221	`#a67221`
RGB Decimal	166, 114, 33	`rgb(166,114,33)`
RGB Percent	65.1, 44.7, 12.9	`rgb(65.1%,44.7%,12.9%)`
CMYK	0, 31, 80, 35
HSL	36.5°, 66.8, 39	`hsl(36.5,66.8%,39%)`
HSV (or HSB)	36.5°, 80.1, 65.1
Web Safe	996633	`#996633`

CIE-LAB	52.122, 13.451, 49.938
XYZ	22.018, 20.253, 4.188
xyY	0.474, 0.436, 20.253
CIE-LCH	52.122, 51.718, 74.925
CIE-LUV	52.122, 42.309, 47.662
Hunter-Lab	45.003, 8.577, 25.984
Binary	10100110, 01110010, 00100001

#a67221
```
#a67221 rgb(166,114,33)
```
#2155a6
```
#2155a6 rgb(33,85,166)
```

Complementary Color

#a63021
```
#a63021 rgb(166,48,33)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#98a621
```
#98a621 rgb(152,166,33)
```

Analogous Color

#3021a6
```
#3021a6 rgb(48,33,166)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#2198a6
```
#2198a6 rgb(33,152,166)
```

Split Complementary Color

#7221a6
```
#7221a6 rgb(114,33,166)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#21a672
```
#21a672 rgb(33,166,114)
```

Triadic Color

#a62155
```
#a62155 rgb(166,33,85)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#21a672
```
#21a672 rgb(33,166,114)
```
#2155a6
```
#2155a6 rgb(33,85,166)
```

Tetradic Color

#664614
```
#664614 rgb(102,70,20)
```
#7b5519
```
#7b5519 rgb(123,85,25)
```
#91631d
```
#91631d rgb(145,99,29)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#bb8125
```
#bb8125 rgb(187,129,37)
```
#d18f29
```
#d18f29 rgb(209,143,41)
```
#d89b3b
```
#d89b3b rgb(216,155,59)
```

Monochromatic Color

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

#a65121
```
#a65121 rgb(166,81,33)
```
#a65c21
```
#a65c21 rgb(166,92,33)
```
#a66721
```
#a66721 rgb(166,103,33)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#a67d21
```
#a67d21 rgb(166,125,33)
```
#a68821
```
#a68821 rgb(166,136,33)
```
#a69321
```
#a69321 rgb(166,147,33)
```

Similar Colors

Text with hexadecimal color #a67221

This text has a font color of #a67221.

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

#a67221 background color

This paragraph has a background color of #a67221.

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

#a67221 border color

This element has a border color of #a67221.

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

CSS codes

.text {color:#a67221;}

.background {background-color:#a67221;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130d04
```
#130d04 rgb(19,13,4)
```
#231807
```
#231807 rgb(35,24,7)
```
#33230a
```
#33230a rgb(51,35,10)
```
#442f0d
```
#442f0d rgb(68,47,13)
```
#543a11
```
#543a11 rgb(84,58,17)
```
#654514
```
#654514 rgb(101,69,20)
```
#755017
```
#755017 rgb(117,80,23)
```
#855c1a
```
#855c1a rgb(133,92,26)
```
#96671e
```
#96671e rgb(150,103,30)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#b67d24
```
#b67d24 rgb(182,125,36)
```
#c78828
```
#c78828 rgb(199,136,40)
```

Shade Color Variation

#d5932d
```
#d5932d rgb(213,147,45)
```
#d89c3d
```
#d89c3d rgb(216,156,61)
```
#dca44d
```
#dca44d rgb(220,164,77)
```
#dfac5e
```
#dfac5e rgb(223,172,94)
```
#e2b56e
```
#e2b56e rgb(226,181,110)
```
#e5bd7e
```
#e5bd7e rgb(229,189,126)
```
#e9c68f
```
#e9c68f rgb(233,198,143)
```
#ecce9f
```
#ecce9f rgb(236,206,159)
```
#efd6b0
```
#efd6b0 rgb(239,214,176)
```
#f2dfc0
```
#f2dfc0 rgb(242,223,192)
```
#f6e7d0
```
#f6e7d0 rgb(246,231,208)
```
#f9efe1
```
#f9efe1 rgb(249,239,225)
```
#fcf8f1
```
#fcf8f1 rgb(252,248,241)
```

Tint Color Variation

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

#69655e
```
#69655e rgb(105,101,94)
```
#706657
```
#706657 rgb(112,102,87)
```
#78684f
```
#78684f rgb(120,104,79)
```
#806a47
```
#806a47 rgb(128,106,71)
```
#876b40
```
#876b40 rgb(135,107,64)
```
#8f6d38
```
#8f6d38 rgb(143,109,56)
```
#976f30
```
#976f30 rgb(151,111,48)
```
#9e7029
```
#9e7029 rgb(158,112,41)
```
#a67221
```
#a67221 rgb(166,114,33)
```
#ae7419
```
#ae7419 rgb(174,116,25)
```
#b57512
```
#b57512 rgb(181,117,18)
```
#bd770a
```
#bd770a rgb(189,119,10)
```
#c57902
```
#c57902 rgb(197,121,2)
```

Tone Color Variation

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

#92832f Protanopia 1% of men
#a27c2a Deuteranopia 1% of men
#af7179 Tritanopia 0.001% of the population

Trichromacy

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

#a67221 hex color

#a67221 Color Information

#a67221 Color Conversion

Color Schemes with #a67221

Alternatives to #a67221

#a67221 Preview

Shades and Tints of #a67221

Tones of #a67221

Color Blindness Simulator