colorhexa.com

#af8220 hex color

In a RGB color space, hex #af8220 is composed of 68.6% red, 51% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 81.7% yellow and 31.4% black. It has a hue angle of 41.1 degrees, a saturation of 69.1% and a lightness of 40.6%. #af8220 color hex could be obtained by blending #ffff40 with #5f0500. Closest websafe color is: #999933.

- R 69
- G 51
- B 13
RGB color chart
- C 0
- M 26
- Y 82
- K 31
CMYK color chart

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

The hexadecimal color #af8220 has RGB values of R:175, G:130, B:32 and CMYK values of C:0, M:0.26, Y:0.82, K:0.31. Its decimal value is 11502112.

Hex triplet	af8220	`#af8220`
RGB Decimal	175, 130, 32	`rgb(175,130,32)`
RGB Percent	68.6, 51, 12.5	`rgb(68.6%,51%,12.5%)`
CMYK	0, 26, 82, 31
HSL	41.1°, 69.1, 40.6	`hsl(41.1,69.1%,40.6%)`
HSV (or HSB)	41.1°, 81.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.255, 8.499, 55.346
XYZ	25.923, 25.185, 4.862
xyY	0.463, 0.45, 25.185
CIE-LCH	57.255, 55.995, 81.269
CIE-LUV	57.255, 37.26, 54.748
Hunter-Lab	50.185, 4.382, 29.385
Binary	10101111, 10000010, 00100000

#af8220
```
#af8220 rgb(175,130,32)
```
#204daf
```
#204daf rgb(32,77,175)
```

Complementary Color

#af3a20
```
#af3a20 rgb(175,58,32)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#95af20
```
#95af20 rgb(149,175,32)
```

Analogous Color

#3a20af
```
#3a20af rgb(58,32,175)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#2095af
```
#2095af rgb(32,149,175)
```

Split Complementary Color

#8220af
```
#8220af rgb(130,32,175)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#20af82
```
#20af82 rgb(32,175,130)
```

Triadic Color

#af204d
```
#af204d rgb(175,32,77)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#20af82
```
#20af82 rgb(32,175,130)
```
#204daf
```
#204daf rgb(32,77,175)
```

Tetradic Color

#6e5214
```
#6e5214 rgb(110,82,20)
```
#846218
```
#846218 rgb(132,98,24)
```
#99721c
```
#99721c rgb(153,114,28)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#c59224
```
#c59224 rgb(197,146,36)
```
#d8a12a
```
#d8a12a rgb(216,161,42)
```
#dcab40
```
#dcab40 rgb(220,171,64)
```

Monochromatic Color

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

#af5e20
```
#af5e20 rgb(175,94,32)
```
#af6a20
```
#af6a20 rgb(175,106,32)
```
#af7620
```
#af7620 rgb(175,118,32)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#af8e20
```
#af8e20 rgb(175,142,32)
```
#af9a20
```
#af9a20 rgb(175,154,32)
```
#afa620
```
#afa620 rgb(175,166,32)
```

Similar Colors

Text with hexadecimal color #af8220

This text has a font color of #af8220.

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

#af8220 background color

This paragraph has a background color of #af8220.

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

#af8220 border color

This element has a border color of #af8220.

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

CSS codes

.text {color:#af8220;}

.background {background-color:#af8220;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#1a1305
```
#1a1305 rgb(26,19,5)
```
#2a1f08
```
#2a1f08 rgb(42,31,8)
```
#3b2c0b
```
#3b2c0b rgb(59,44,11)
```
#4c380e
```
#4c380e rgb(76,56,14)
```
#5c4411
```
#5c4411 rgb(92,68,17)
```
#6d5114
```
#6d5114 rgb(109,81,20)
```
#7d5d17
```
#7d5d17 rgb(125,93,23)
```
#8e691a
```
#8e691a rgb(142,105,26)
```
#9e761d
```
#9e761d rgb(158,118,29)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#c08e23
```
#c08e23 rgb(192,142,35)
```
#d09b26
```
#d09b26 rgb(208,155,38)
```

Shade Color Variation

#d9a431
```
#d9a431 rgb(217,164,49)
```
#dcab41
```
#dcab41 rgb(220,171,65)
```
#dfb352
```
#dfb352 rgb(223,179,82)
```
#e2ba62
```
#e2ba62 rgb(226,186,98)
```
#e5c173
```
#e5c173 rgb(229,193,115)
```
#e8c984
```
#e8c984 rgb(232,201,132)
```
#ebd094
```
#ebd094 rgb(235,208,148)
```
#eed7a5
```
#eed7a5 rgb(238,215,165)
```
#f2dfb5
```
#f2dfb5 rgb(242,223,181)
```
#f5e6c6
```
#f5e6c6 rgb(245,230,198)
```
#f8edd6
```
#f8edd6 rgb(248,237,214)
```
#fbf4e7
```
#fbf4e7 rgb(251,244,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#6f6a60
```
#6f6a60 rgb(111,106,96)
```
#776d58
```
#776d58 rgb(119,109,88)
```
#7f7050
```
#7f7050 rgb(127,112,80)
```
#877348
```
#877348 rgb(135,115,72)
```
#8f7640
```
#8f7640 rgb(143,118,64)
```
#977938
```
#977938 rgb(151,121,56)
```
#9f7c30
```
#9f7c30 rgb(159,124,48)
```
#a77f28
```
#a77f28 rgb(167,127,40)
```
#af8220
```
#af8220 rgb(175,130,32)
```
#b78518
```
#b78518 rgb(183,133,24)
```
#bf8810
```
#bf8810 rgb(191,136,16)
```
#c78b08
```
#c78b08 rgb(199,139,8)
```
#cf8e00
```
#cf8e00 rgb(207,142,0)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d8470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f2d Protanopia 1% of men
#b2882b Deuteranopia 1% of men
#b97f88 Tritanopia 0.001% of the population

Trichromacy

#a58a28 Protanomaly 1% of men, 0.01% of women
#b18627 Deuteranomaly 6% of men, 0.4% of women
#b58062 Tritanomaly 0.01% of the population