#a88222 hex color

In a RGB color space, hex #a88222 is composed of 65.9% red, 51% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 79.8% yellow and 34.1% black. It has a hue angle of 43 degrees, a saturation of 66.3% and a lightness of 39.6%. #a88222 color hex could be obtained by blending #ffff44 with #510500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 66
- G 51
- B 13
RGB color chart
- C 0
- M 23
- Y 80
- K 34
CMYK color chart

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

The hexadecimal color #a88222 has RGB values of R:168, G:130, B:34 and CMYK values of C:0, M:0.23, Y:0.8, K:0.34. Its decimal value is 11043362.

Hex triplet	a88222	`#a88222`
RGB Decimal	168, 130, 34	`rgb(168,130,34)`
RGB Percent	65.9, 51, 13.3	`rgb(65.9%,51%,13.3%)`
CMYK	0, 23, 80, 34
HSL	43°, 66.3, 39.6	`hsl(43,66.3%,39.6%)`
HSV (or HSB)	43°, 79.8, 65.9
Web Safe	999933	`#999933`

CIE-LAB	56.493, 5.394, 53.665
XYZ	24.42, 24.407, 4.938
xyY	0.454, 0.454, 24.407
CIE-LCH	56.493, 53.935, 84.26
CIE-LUV	56.493, 31.688, 54.043
Hunter-Lab	49.403, 1.778, 28.656
Binary	10101000, 10000010, 00100010

#a88222
```
#a88222 rgb(168,130,34)
```
#2248a8
```
#2248a8 rgb(34,72,168)
```

Complementary Color

#a83f22
```
#a83f22 rgb(168,63,34)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#8ba822
```
#8ba822 rgb(139,168,34)
```

Analogous Color

#3f22a8
```
#3f22a8 rgb(63,34,168)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#228ba8
```
#228ba8 rgb(34,139,168)
```

Split Complementary Color

#8222a8
```
#8222a8 rgb(130,34,168)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#22a882
```
#22a882 rgb(34,168,130)
```

Triadic Color

#a82248
```
#a82248 rgb(168,34,72)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#22a882
```
#22a882 rgb(34,168,130)
```
#2248a8
```
#2248a8 rgb(34,72,168)
```

Tetradic Color

#685115
```
#685115 rgb(104,81,21)
```
#7e6119
```
#7e6119 rgb(126,97,25)
```
#93721e
```
#93721e rgb(147,114,30)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#bd9226
```
#bd9226 rgb(189,146,38)
```
#d2a32b
```
#d2a32b rgb(210,163,43)
```
#d8ac3e
```
#d8ac3e rgb(216,172,62)
```

Monochromatic Color

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

#a86122
```
#a86122 rgb(168,97,34)
```
#a86c22
```
#a86c22 rgb(168,108,34)
```
#a87722
```
#a87722 rgb(168,119,34)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#a88d22
```
#a88d22 rgb(168,141,34)
```
#a89822
```
#a89822 rgb(168,152,34)
```
#a8a422
```
#a8a422 rgb(168,164,34)
```

Similar Colors

Text with hexadecimal color #a88222

This text has a font color of #a88222.

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

#a88222 background color

This paragraph has a background color of #a88222.

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

#a88222 border color

This element has a border color of #a88222.

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

CSS codes

.text {color:#a88222;}

.background {background-color:#a88222;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151004
```
#151004 rgb(21,16,4)
```
#251d08
```
#251d08 rgb(37,29,8)
```
#362a0b
```
#362a0b rgb(54,42,11)
```
#46360e
```
#46360e rgb(70,54,14)
```
#564311
```
#564311 rgb(86,67,17)
```
#675015
```
#675015 rgb(103,80,21)
```
#775c18
```
#775c18 rgb(119,92,24)
```
#87691b
```
#87691b rgb(135,105,27)
```
#98751f
```
#98751f rgb(152,117,31)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#b88f25
```
#b88f25 rgb(184,143,37)
```
#c99b29
```
#c99b29 rgb(201,155,41)
```

Shade Color Variation

#d5a630
```
#d5a630 rgb(213,166,48)
```
#d8ad40
```
#d8ad40 rgb(216,173,64)
```
#dcb450
```
#dcb450 rgb(220,180,80)
```
#dfbb61
```
#dfbb61 rgb(223,187,97)
```
#e2c271
```
#e2c271 rgb(226,194,113)
```
#e6c981
```
#e6c981 rgb(230,201,129)
```
#e9d092
```
#e9d092 rgb(233,208,146)
```
#ecd7a2
```
#ecd7a2 rgb(236,215,162)
```
#efdeb2
```
#efdeb2 rgb(239,222,178)
```
#f3e5c3
```
#f3e5c3 rgb(243,229,195)
```
#f6ecd3
```
#f6ecd3 rgb(246,236,211)
```
#f9f3e3
```
#f9f3e3 rgb(249,243,227)
```
#fdfaf4
```
#fdfaf4 rgb(253,250,244)
```

Tint Color Variation

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

#6a6760
```
#6a6760 rgb(106,103,96)
```
#726a58
```
#726a58 rgb(114,106,88)
```
#796e51
```
#796e51 rgb(121,110,81)
```
#817149
```
#817149 rgb(129,113,73)
```
#897541
```
#897541 rgb(137,117,65)
```
#917839
```
#917839 rgb(145,120,57)
```
#987b32
```
#987b32 rgb(152,123,50)
```
#a07f2a
```
#a07f2a rgb(160,127,42)
```
#a88222
```
#a88222 rgb(168,130,34)
```
#b0851a
```
#b0851a rgb(176,133,26)
```
#b88912
```
#b88912 rgb(184,137,18)
```
#bf8c0b
```
#bf8c0b rgb(191,140,11)
```
#c78f03
```
#c78f03 rgb(199,143,3)
```

Tone Color Variation

Below, you can see how #a88222 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
#8a826f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d2e Protanopia 1% of men
#b0872e Deuteranopia 1% of men
#b38088 Tritanopia 0.001% of the population

Trichromacy

#a1892a Protanomaly 1% of men, 0.01% of women
#ad8529 Deuteranomaly 6% of men, 0.4% of women
#af8063 Tritanomaly 0.01% of the population

#a88222 hex color

#a88222 Color Information

#a88222 Color Conversion

Color Schemes with #a88222

Alternatives to #a88222

#a88222 Preview

Shades and Tints of #a88222

Tones of #a88222

Color Blindness Simulator