#afa220 hex color

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

♥
- f
- t
- g
- R 69
- G 64
- B 13
RGB color chart
- C 0
- M 7
- Y 82
- K 31
CMYK color chart

● #afa220 color description : Dark yellow [Olive tone].

The hexadecimal color #afa220 has RGB values of R:175, G:162, B:32 and CMYK values of C:0, M:0.07, Y:0.82, K:0.31. Its decimal value is 11510304.

Hex triplet	afa220	`#afa220`
RGB Decimal	175, 162, 32	`rgb(175,162,32)`
RGB Percent	68.6, 63.5, 12.5	`rgb(68.6%,63.5%,12.5%)`
CMYK	0, 7, 82, 31
HSL	54.5°, 69.1, 40.6	`hsl(54.5,69.1%,40.6%)`
HSV (or HSB)	54.5°, 81.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.795, -8.909, 62.828
XYZ	30.86, 35.06, 6.508
xyY	0.426, 0.484, 35.06
CIE-LCH	65.795, 63.457, 98.071
CIE-LUV	65.795, 13.997, 67.747
Hunter-Lab	59.211, -10.587, 34.931
Binary	10101111, 10100010, 00100000

#afa220
```
#afa220 rgb(175,162,32)
```
#202daf
```
#202daf rgb(32,45,175)
```

Complementary Color

#af5a20
```
#af5a20 rgb(175,90,32)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#75af20
```
#75af20 rgb(117,175,32)
```

Analogous Color

#5a20af
```
#5a20af rgb(90,32,175)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#2075af
```
#2075af rgb(32,117,175)
```

Split Complementary Color

#a220af
```
#a220af rgb(162,32,175)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#20afa2
```
#20afa2 rgb(32,175,162)
```

Triadic Color

#af202d
```
#af202d rgb(175,32,45)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#20afa2
```
#20afa2 rgb(32,175,162)
```
#202daf
```
#202daf rgb(32,45,175)
```

Tetradic Color

#6e6614
```
#6e6614 rgb(110,102,20)
```
#847a18
```
#847a18 rgb(132,122,24)
```
#998e1c
```
#998e1c rgb(153,142,28)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#c5b624
```
#c5b624 rgb(197,182,36)
```
#d8c82a
```
#d8c82a rgb(216,200,42)
```
#dcce40
```
#dcce40 rgb(220,206,64)
```

Monochromatic Color

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

#af7e20
```
#af7e20 rgb(175,126,32)
```
#af8a20
```
#af8a20 rgb(175,138,32)
```
#af9620
```
#af9620 rgb(175,150,32)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#a4af20
```
#a4af20 rgb(164,175,32)
```
#98af20
```
#98af20 rgb(152,175,32)
```

Similar Colors

Text with hexadecimal color #afa220

This text has a font color of #afa220.

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

#afa220 background color

This paragraph has a background color of #afa220.

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

#afa220 border color

This element has a border color of #afa220.

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

CSS codes

.text {color:#afa220;}

.background {background-color:#afa220;}

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

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

#090802
```
#090802 rgb(9,8,2)
```
#1a1805
```
#1a1805 rgb(26,24,5)
```
#2a2708
```
#2a2708 rgb(42,39,8)
```
#3b370b
```
#3b370b rgb(59,55,11)
```
#4c460e
```
#4c460e rgb(76,70,14)
```
#5c5511
```
#5c5511 rgb(92,85,17)
```
#6d6514
```
#6d6514 rgb(109,101,20)
```
#7d7417
```
#7d7417 rgb(125,116,23)
```
#8e831a
```
#8e831a rgb(142,131,26)
```
#9e931d
```
#9e931d rgb(158,147,29)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#c0b123
```
#c0b123 rgb(192,177,35)
```
#d0c126
```
#d0c126 rgb(208,193,38)
```

Shade Color Variation

#d9ca31
```
#d9ca31 rgb(217,202,49)
```
#dcce41
```
#dcce41 rgb(220,206,65)
```
#dfd252
```
#dfd252 rgb(223,210,82)
```
#e2d762
```
#e2d762 rgb(226,215,98)
```
#e5db73
```
#e5db73 rgb(229,219,115)
```
#e8df84
```
#e8df84 rgb(232,223,132)
```
#ebe494
```
#ebe494 rgb(235,228,148)
```
#eee8a5
```
#eee8a5 rgb(238,232,165)
```
#f2ecb5
```
#f2ecb5 rgb(242,236,181)
```
#f5f0c6
```
#f5f0c6 rgb(245,240,198)
```
#f8f5d6
```
#f8f5d6 rgb(248,245,214)
```
#fbf9e7
```
#fbf9e7 rgb(251,249,231)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#6f6e60
```
#6f6e60 rgb(111,110,96)
```
#777458
```
#777458 rgb(119,116,88)
```
#7f7b50
```
#7f7b50 rgb(127,123,80)
```
#878148
```
#878148 rgb(135,129,72)
```
#8f8840
```
#8f8840 rgb(143,136,64)
```
#978e38
```
#978e38 rgb(151,142,56)
```
#9f9530
```
#9f9530 rgb(159,149,48)
```
#a79b28
```
#a79b28 rgb(167,155,40)
```
#afa220
```
#afa220 rgb(175,162,32)
```
#b7a918
```
#b7a918 rgb(183,169,24)
```
#bfaf10
```
#bfaf10 rgb(191,175,16)
```
#c7b608
```
#c7b608 rgb(199,182,8)
```
#cfbc00
```
#cfbc00 rgb(207,188,0)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c997f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a52b Protanopia 1% of men
#cc9c31 Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#b4a327 Protanomaly 1% of men, 0.01% of women
#c29e2b Deuteranomaly 6% of men, 0.4% of women
#b89e75 Tritanomaly 0.01% of the population

#afa220 hex color

#afa220 Color Information

#afa220 Color Conversion

Color Schemes with #afa220

Alternatives to #afa220

#afa220 Preview

Shades and Tints of #afa220

Tones of #afa220

Color Blindness Simulator