#ab8222 hex color

In a RGB color space, hex #ab8222 is composed of 67.1% red, 51% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 80.1% yellow and 32.9% black. It has a hue angle of 42 degrees, a saturation of 66.8% and a lightness of 40.2%. #ab8222 color hex could be obtained by blending #ffff44 with #570500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 67
- G 51
- B 13
RGB color chart
- C 0
- M 24
- Y 80
- K 33
CMYK color chart

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

The hexadecimal color #ab8222 has RGB values of R:171, G:130, B:34 and CMYK values of C:0, M:0.24, Y:0.8, K:0.33. Its decimal value is 11239970.

Hex triplet	ab8222	`#ab8222`
RGB Decimal	171, 130, 34	`rgb(171,130,34)`
RGB Percent	67.1, 51, 13.3	`rgb(67.1%,51%,13.3%)`
CMYK	0, 24, 80, 33
HSL	42°, 66.8, 40.2	`hsl(42,66.8%,40.2%)`
HSV (or HSB)	42°, 80.1, 67.1
Web Safe	999933	`#999933`

CIE-LAB	56.821, 6.758, 54.085
XYZ	25.066, 24.74, 4.968
xyY	0.458, 0.452, 24.74
CIE-LCH	56.821, 54.506, 82.878
CIE-LUV	56.821, 34.033, 54.161
Hunter-Lab	49.739, 2.912, 28.895
Binary	10101011, 10000010, 00100010

#ab8222
```
#ab8222 rgb(171,130,34)
```
#224bab
```
#224bab rgb(34,75,171)
```

Complementary Color

#ab3e22
```
#ab3e22 rgb(171,62,34)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#90ab22
```
#90ab22 rgb(144,171,34)
```

Analogous Color

#3e22ab
```
#3e22ab rgb(62,34,171)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#2290ab
```
#2290ab rgb(34,144,171)
```

Split Complementary Color

#8222ab
```
#8222ab rgb(130,34,171)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#22ab82
```
#22ab82 rgb(34,171,130)
```

Triadic Color

#ab224b
```
#ab224b rgb(171,34,75)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#22ab82
```
#22ab82 rgb(34,171,130)
```
#224bab
```
#224bab rgb(34,75,171)
```

Tetradic Color

#6b5115
```
#6b5115 rgb(107,81,21)
```
#80621a
```
#80621a rgb(128,98,26)
```
#96721e
```
#96721e rgb(150,114,30)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#c09226
```
#c09226 rgb(192,146,38)
```
#d5a22b
```
#d5a22b rgb(213,162,43)
```
#d9ab40
```
#d9ab40 rgb(217,171,64)
```

Monochromatic Color

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

#ab6022
```
#ab6022 rgb(171,96,34)
```
#ab6b22
```
#ab6b22 rgb(171,107,34)
```
#ab7722
```
#ab7722 rgb(171,119,34)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#ab8d22
```
#ab8d22 rgb(171,141,34)
```
#ab9922
```
#ab9922 rgb(171,153,34)
```
#aba422
```
#aba422 rgb(171,164,34)
```

Similar Colors

Text with hexadecimal color #ab8222

This text has a font color of #ab8222.

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

#ab8222 background color

This paragraph has a background color of #ab8222.

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

#ab8222 border color

This element has a border color of #ab8222.

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

CSS codes

.text {color:#ab8222;}

.background {background-color:#ab8222;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#181205
```
#181205 rgb(24,18,5)
```
#281e08
```
#281e08 rgb(40,30,8)
```
#382b0b
```
#382b0b rgb(56,43,11)
```
#49370e
```
#49370e rgb(73,55,14)
```
#594412
```
#594412 rgb(89,68,18)
```
#6a5015
```
#6a5015 rgb(106,80,21)
```
#7a5d18
```
#7a5d18 rgb(122,93,24)
```
#8a691b
```
#8a691b rgb(138,105,27)
```
#9b761f
```
#9b761f rgb(155,118,31)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#bb8e25
```
#bb8e25 rgb(187,142,37)
```
#cc9b29
```
#cc9b29 rgb(204,155,41)
```

Shade Color Variation

#d6a532
```
#d6a532 rgb(214,165,50)
```
#d9ac42
```
#d9ac42 rgb(217,172,66)
```
#ddb352
```
#ddb352 rgb(221,179,82)
```
#e0ba63
```
#e0ba63 rgb(224,186,99)
```
#e3c273
```
#e3c273 rgb(227,194,115)
```
#e6c983
```
#e6c983 rgb(230,201,131)
```
#ead094
```
#ead094 rgb(234,208,148)
```
#edd7a4
```
#edd7a4 rgb(237,215,164)
```
#f0deb5
```
#f0deb5 rgb(240,222,181)
```
#f3e6c5
```
#f3e6c5 rgb(243,230,197)
```
#f7edd5
```
#f7edd5 rgb(247,237,213)
```
#faf4e6
```
#faf4e6 rgb(250,244,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#6c6961
```
#6c6961 rgb(108,105,97)
```
#746c59
```
#746c59 rgb(116,108,89)
```
#7c6f51
```
#7c6f51 rgb(124,111,81)
```
#847249
```
#847249 rgb(132,114,73)
```
#8b7542
```
#8b7542 rgb(139,117,66)
```
#93793a
```
#93793a rgb(147,121,58)
```
#9b7c32
```
#9b7c32 rgb(155,124,50)
```
#a37f2a
```
#a37f2a rgb(163,127,42)
```
#ab8222
```
#ab8222 rgb(171,130,34)
```
#b3851a
```
#b3851a rgb(179,133,26)
```
#bb8812
```
#bb8812 rgb(187,136,18)
```
#c38b0a
```
#c38b0a rgb(195,139,10)
```
#cb8f02
```
#cb8f02 rgb(203,143,2)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8b8370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e2f Protanopia 1% of men
#b1872d Deuteranopia 1% of men
#b58088 Tritanopia 0.001% of the population

Trichromacy

#a38a2a Protanomaly 1% of men, 0.01% of women
#ae8529 Deuteranomaly 6% of men, 0.4% of women
#b18063 Tritanomaly 0.01% of the population

#ab8222 hex color

#ab8222 Color Information

#ab8222 Color Conversion

Color Schemes with #ab8222

Alternatives to #ab8222

#ab8222 Preview

Shades and Tints of #ab8222

Tones of #ab8222

Color Blindness Simulator