#a88022 hex color

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

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

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

The hexadecimal color #a88022 has RGB values of R:168, G:128, B:34 and CMYK values of C:0, M:0.24, Y:0.8, K:0.34. Its decimal value is 11042850.

Hex triplet	a88022	`#a88022`
RGB Decimal	168, 128, 34	`rgb(168,128,34)`
RGB Percent	65.9, 50.2, 13.3	`rgb(65.9%,50.2%,13.3%)`
CMYK	0, 24, 80, 34
HSL	42.1°, 66.3, 39.6	`hsl(42.1,66.3%,39.6%)`
HSV (or HSB)	42.1°, 79.8, 65.9
Web Safe	999933	`#999933`

CIE-LAB	55.967, 6.512, 53.184
XYZ	24.157, 23.88, 4.85
xyY	0.457, 0.452, 23.88
CIE-LCH	55.967, 53.581, 83.019
CIE-LUV	55.967, 33.185, 53.222
Hunter-Lab	48.867, 2.722, 28.322
Binary	10101000, 10000000, 00100010

#a88022
```
#a88022 rgb(168,128,34)
```
#224aa8
```
#224aa8 rgb(34,74,168)
```

Complementary Color

#a83d22
```
#a83d22 rgb(168,61,34)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#8da822
```
#8da822 rgb(141,168,34)
```

Analogous Color

#3d22a8
```
#3d22a8 rgb(61,34,168)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#228da8
```
#228da8 rgb(34,141,168)
```

Split Complementary Color

#8022a8
```
#8022a8 rgb(128,34,168)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#22a880
```
#22a880 rgb(34,168,128)
```

Triadic Color

#a8224a
```
#a8224a rgb(168,34,74)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#22a880
```
#22a880 rgb(34,168,128)
```
#224aa8
```
#224aa8 rgb(34,74,168)
```

Tetradic Color

#685015
```
#685015 rgb(104,80,21)
```
#7e6019
```
#7e6019 rgb(126,96,25)
```
#93701e
```
#93701e rgb(147,112,30)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#bd9026
```
#bd9026 rgb(189,144,38)
```
#d2a02b
```
#d2a02b rgb(210,160,43)
```
#d8aa3e
```
#d8aa3e rgb(216,170,62)
```

Monochromatic Color

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

#a85f22
```
#a85f22 rgb(168,95,34)
```
#a86a22
```
#a86a22 rgb(168,106,34)
```
#a87522
```
#a87522 rgb(168,117,34)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#a88b22
```
#a88b22 rgb(168,139,34)
```
#a89622
```
#a89622 rgb(168,150,34)
```
#a8a222
```
#a8a222 rgb(168,162,34)
```

Similar Colors

Text with hexadecimal color #a88022

This text has a font color of #a88022.

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

#a88022 background color

This paragraph has a background color of #a88022.

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

#a88022 border color

This element has a border color of #a88022.

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

CSS codes

.text {color:#a88022;}

.background {background-color:#a88022;}

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

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)
```
#36290b
```
#36290b rgb(54,41,11)
```
#46350e
```
#46350e rgb(70,53,14)
```
#564211
```
#564211 rgb(86,66,17)
```
#674e15
```
#674e15 rgb(103,78,21)
```
#775b18
```
#775b18 rgb(119,91,24)
```
#87671b
```
#87671b rgb(135,103,27)
```
#98741f
```
#98741f rgb(152,116,31)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#b88c25
```
#b88c25 rgb(184,140,37)
```
#c99929
```
#c99929 rgb(201,153,41)
```

Shade Color Variation

#d5a430
```
#d5a430 rgb(213,164,48)
```
#d8ab40
```
#d8ab40 rgb(216,171,64)
```
#dcb250
```
#dcb250 rgb(220,178,80)
```
#dfb961
```
#dfb961 rgb(223,185,97)
```
#e2c071
```
#e2c071 rgb(226,192,113)
```
#e6c881
```
#e6c881 rgb(230,200,129)
```
#e9cf92
```
#e9cf92 rgb(233,207,146)
```
#ecd6a2
```
#ecd6a2 rgb(236,214,162)
```
#efddb2
```
#efddb2 rgb(239,221,178)
```
#f3e4c3
```
#f3e4c3 rgb(243,228,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 #c78d03 is the most saturated one.

#6a6760
```
#6a6760 rgb(106,103,96)
```
#726a58
```
#726a58 rgb(114,106,88)
```
#796d51
```
#796d51 rgb(121,109,81)
```
#817049
```
#817049 rgb(129,112,73)
```
#897341
```
#897341 rgb(137,115,65)
```
#917739
```
#917739 rgb(145,119,57)
```
#987a32
```
#987a32 rgb(152,122,50)
```
#a07d2a
```
#a07d2a rgb(160,125,42)
```
#a88022
```
#a88022 rgb(168,128,34)
```
#b0831a
```
#b0831a rgb(176,131,26)
```
#b88612
```
#b88612 rgb(184,134,18)
```
#bf890b
```
#bf890b rgb(191,137,11)
```
#c78d03
```
#c78d03 rgb(199,141,3)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#89816e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2f Protanopia 1% of men
#ae852d Deuteranopia 1% of men
#b27e86 Tritanopia 0.001% of the population

Trichromacy

#a0882a Protanomaly 1% of men, 0.01% of women
#ac8329 Deuteranomaly 6% of men, 0.4% of women
#ae7e62 Tritanomaly 0.01% of the population

#a88022 hex color

#a88022 Color Information

#a88022 Color Conversion

Color Schemes with #a88022

Alternatives to #a88022

#a88022 Preview

Shades and Tints of #a88022

Tones of #a88022

Color Blindness Simulator