#a68222 hex color

In a RGB color space, hex #a68222 is composed of 65.1% red, 51% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 79.5% yellow and 34.9% black. It has a hue angle of 43.6 degrees, a saturation of 66% and a lightness of 39.2%. #a68222 color hex could be obtained by blending #ffff44 with #4d0500. Closest websafe color is: #999933.

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

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

The hexadecimal color #a68222 has RGB values of R:166, G:130, B:34 and CMYK values of C:0, M:0.22, Y:0.8, K:0.35. Its decimal value is 10912290.

Hex triplet	a68222	`#a68222`
RGB Decimal	166, 130, 34	`rgb(166,130,34)`
RGB Percent	65.1, 51, 13.3	`rgb(65.1%,51%,13.3%)`
CMYK	0, 22, 80, 35
HSL	43.6°, 66, 39.2	`hsl(43.6,66%,39.2%)`
HSV (or HSB)	43.6°, 79.5, 65.1
Web Safe	999933	`#999933`

CIE-LAB	56.276, 4.483, 53.387
XYZ	23.998, 24.189, 4.918
xyY	0.452, 0.455, 24.189
CIE-LCH	56.276, 53.575, 85.2
CIE-LUV	56.276, 30.133, 53.966
Hunter-Lab	49.182, 1.027, 28.499
Binary	10100110, 10000010, 00100010

#a68222
```
#a68222 rgb(166,130,34)
```
#2246a6
```
#2246a6 rgb(34,70,166)
```

Complementary Color

#a64022
```
#a64022 rgb(166,64,34)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#88a622
```
#88a622 rgb(136,166,34)
```

Analogous Color

#4022a6
```
#4022a6 rgb(64,34,166)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#2288a6
```
#2288a6 rgb(34,136,166)
```

Split Complementary Color

#8222a6
```
#8222a6 rgb(130,34,166)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#22a682
```
#22a682 rgb(34,166,130)
```

Triadic Color

#a62246
```
#a62246 rgb(166,34,70)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#22a682
```
#22a682 rgb(34,166,130)
```
#2246a6
```
#2246a6 rgb(34,70,166)
```

Tetradic Color

#675015
```
#675015 rgb(103,80,21)
```
#7c6119
```
#7c6119 rgb(124,97,25)
```
#91711e
```
#91711e rgb(145,113,30)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#bb9326
```
#bb9326 rgb(187,147,38)
```
#d0a32b
```
#d0a32b rgb(208,163,43)
```
#d7ad3d
```
#d7ad3d rgb(215,173,61)
```

Monochromatic Color

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

#a66122
```
#a66122 rgb(166,97,34)
```
#a66c22
```
#a66c22 rgb(166,108,34)
```
#a67722
```
#a67722 rgb(166,119,34)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#a68d22
```
#a68d22 rgb(166,141,34)
```
#a69822
```
#a69822 rgb(166,152,34)
```
#a6a322
```
#a6a322 rgb(166,163,34)
```

Similar Colors

Text with hexadecimal color #a68222

This text has a font color of #a68222.

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

#a68222 background color

This paragraph has a background color of #a68222.

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

#a68222 border color

This element has a border color of #a68222.

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

CSS codes

.text {color:#a68222;}

.background {background-color:#a68222;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130f04
```
#130f04 rgb(19,15,4)
```
#241c07
```
#241c07 rgb(36,28,7)
```
#34290b
```
#34290b rgb(52,41,11)
```
#44360e
```
#44360e rgb(68,54,14)
```
#554211
```
#554211 rgb(85,66,17)
```
#654f15
```
#654f15 rgb(101,79,21)
```
#755c18
```
#755c18 rgb(117,92,24)
```
#85691b
```
#85691b rgb(133,105,27)
```
#96751f
```
#96751f rgb(150,117,31)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#b68f25
```
#b68f25 rgb(182,143,37)
```
#c79c29
```
#c79c29 rgb(199,156,41)
```

Shade Color Variation

#d4a72f
```
#d4a72f rgb(212,167,47)
```
#d8ae3f
```
#d8ae3f rgb(216,174,63)
```
#dbb54f
```
#dbb54f rgb(219,181,79)
```
#debc5f
```
#debc5f rgb(222,188,95)
```
#e2c370
```
#e2c370 rgb(226,195,112)
```
#e5c980
```
#e5c980 rgb(229,201,128)
```
#e8d090
```
#e8d090 rgb(232,208,144)
```
#ecd7a1
```
#ecd7a1 rgb(236,215,161)
```
#efdeb1
```
#efdeb1 rgb(239,222,177)
```
#f2e5c1
```
#f2e5c1 rgb(242,229,193)
```
#f6ecd1
```
#f6ecd1 rgb(246,236,209)
```
#f9f3e2
```
#f9f3e2 rgb(249,243,226)
```
#fcf9f2
```
#fcf9f2 rgb(252,249,242)
```

Tint Color Variation

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

#686660
```
#686660 rgb(104,102,96)
```
#706a58
```
#706a58 rgb(112,106,88)
```
#786d50
```
#786d50 rgb(120,109,80)
```
#807148
```
#807148 rgb(128,113,72)
```
#877441
```
#877441 rgb(135,116,65)
```
#8f7839
```
#8f7839 rgb(143,120,57)
```
#977b31
```
#977b31 rgb(151,123,49)
```
#9e7f2a
```
#9e7f2a rgb(158,127,42)
```
#a68222
```
#a68222 rgb(166,130,34)
```
#ae851a
```
#ae851a rgb(174,133,26)
```
#b58913
```
#b58913 rgb(181,137,19)
```
#bd8c0b
```
#bd8c0b rgb(189,140,11)
```
#c59003
```
#c59003 rgb(197,144,3)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#89826f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2e Protanopia 1% of men
#af862e Deuteranopia 1% of men
#b18088 Tritanopia 0.001% of the population

Trichromacy

#a0892a Protanomaly 1% of men, 0.01% of women
#ab8429 Deuteranomaly 6% of men, 0.4% of women
#ad8063 Tritanomaly 0.01% of the population

#a68222 hex color

#a68222 Color Information

#a68222 Color Conversion

Color Schemes with #a68222

Alternatives to #a68222

#a68222 Preview

Shades and Tints of #a68222

Tones of #a68222

Color Blindness Simulator