#afa522 hex color

In a RGB color space, hex #afa522 is composed of 68.6% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 80.6% yellow and 31.4% black. It has a hue angle of 55.7 degrees, a saturation of 67.5% and a lightness of 41%. #afa522 color hex could be obtained by blending #ffff44 with #5f4b00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 65
- B 13
RGB color chart
- C 0
- M 6
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #afa522 has RGB values of R:175, G:165, B:34 and CMYK values of C:0, M:0.06, Y:0.81, K:0.31. Its decimal value is 11511074.

Hex triplet	afa522	`#afa522`
RGB Decimal	175, 165, 34	`rgb(175,165,34)`
RGB Percent	68.6, 64.7, 13.3	`rgb(68.6%,64.7%,13.3%)`
CMYK	0, 6, 81, 31
HSL	55.7°, 67.5, 41	`hsl(55.7,67.5%,41%)`
HSV (or HSB)	55.7°, 80.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	66.627, -10.418, 62.979
XYZ	31.423, 36.141, 6.834
xyY	0.422, 0.486, 36.141
CIE-LCH	66.627, 63.835, 99.393
CIE-LUV	66.627, 11.912, 68.614
Hunter-Lab	60.117, -11.902, 35.342
Binary	10101111, 10100101, 00100010

#afa522
```
#afa522 rgb(175,165,34)
```
#222caf
```
#222caf rgb(34,44,175)
```

Complementary Color

#af5f22
```
#af5f22 rgb(175,95,34)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#73af22
```
#73af22 rgb(115,175,34)
```

Analogous Color

#5f22af
```
#5f22af rgb(95,34,175)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#2273af
```
#2273af rgb(34,115,175)
```

Split Complementary Color

#a522af
```
#a522af rgb(165,34,175)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#22afa5
```
#22afa5 rgb(34,175,165)
```

Triadic Color

#af222c
```
#af222c rgb(175,34,44)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#22afa5
```
#22afa5 rgb(34,175,165)
```
#222caf
```
#222caf rgb(34,44,175)
```

Tetradic Color

#6f6916
```
#6f6916 rgb(111,105,22)
```
#847d1a
```
#847d1a rgb(132,125,26)
```
#9a911e
```
#9a911e rgb(154,145,30)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#c4b926
```
#c4b926 rgb(196,185,38)
```
#d6ca2e
```
#d6ca2e rgb(214,202,46)
```
#dad043
```
#dad043 rgb(218,208,67)
```

Monochromatic Color

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

#af8222
```
#af8222 rgb(175,130,34)
```
#af8e22
```
#af8e22 rgb(175,142,34)
```
#af9922
```
#af9922 rgb(175,153,34)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#adaf22
```
#adaf22 rgb(173,175,34)
```
#a2af22
```
#a2af22 rgb(162,175,34)
```
#96af22
```
#96af22 rgb(150,175,34)
```

Similar Colors

Text with hexadecimal color #afa522

This text has a font color of #afa522.

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

#afa522 background color

This paragraph has a background color of #afa522.

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

#afa522 border color

This element has a border color of #afa522.

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

CSS codes

.text {color:#afa522;}

.background {background-color:#afa522;}

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

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, #0b0a02 is the darkest color, while #fefef9 is the lightest one.

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1b1a05
```
#1b1a05 rgb(27,26,5)
```
#2c2908
```
#2c2908 rgb(44,41,8)
```
#3c390c
```
#3c390c rgb(60,57,12)
```
#4c480f
```
#4c480f rgb(76,72,15)
```
#5d5812
```
#5d5812 rgb(93,88,18)
```
#6d6715
```
#6d6715 rgb(109,103,21)
```
#7e7718
```
#7e7718 rgb(126,119,24)
```
#8e861c
```
#8e861c rgb(142,134,28)
```
#9f961f
```
#9f961f rgb(159,150,31)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#bfb425
```
#bfb425 rgb(191,180,37)
```
#d0c428
```
#d0c428 rgb(208,196,40)
```

Shade Color Variation

#d8cc34
```
#d8cc34 rgb(216,204,52)
```
#dbd045
```
#dbd045 rgb(219,208,69)
```
#ded455
```
#ded455 rgb(222,212,85)
```
#e1d866
```
#e1d866 rgb(225,216,102)
```
#e4dd76
```
#e4dd76 rgb(228,221,118)
```
#e8e186
```
#e8e186 rgb(232,225,134)
```
#ebe597
```
#ebe597 rgb(235,229,151)
```
#eee9a7
```
#eee9a7 rgb(238,233,167)
```
#f1edb8
```
#f1edb8 rgb(241,237,184)
```
#f4f1c8
```
#f4f1c8 rgb(244,241,200)
```
#f8f5d8
```
#f8f5d8 rgb(248,245,216)
```
#fbf9e9
```
#fbf9e9 rgb(251,249,233)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#6f6e62
```
#6f6e62 rgb(111,110,98)
```
#77755a
```
#77755a rgb(119,117,90)
```
#7f7c52
```
#7f7c52 rgb(127,124,82)
```
#87834a
```
#87834a rgb(135,131,74)
```
#8f8942
```
#8f8942 rgb(143,137,66)
```
#97903a
```
#97903a rgb(151,144,58)
```
#9f9732
```
#9f9732 rgb(159,151,50)
```
#a79e2a
```
#a79e2a rgb(167,158,42)
```
#afa522
```
#afa522 rgb(175,165,34)
```
#b7ac1a
```
#b7ac1a rgb(183,172,26)
```
#bfb312
```
#bfb312 rgb(191,179,18)
```
#c7ba0a
```
#c7ba0a rgb(199,186,10)
```
#cfc102
```
#cfc102 rgb(207,193,2)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d9b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa72c Protanopia 1% of men
#cf9f33 Deuteranopia 1% of men
#bd9ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a628 Protanomaly 1% of men, 0.01% of women
#c3a12d Deuteranomaly 6% of men, 0.4% of women
#b8a178 Tritanomaly 0.01% of the population

#afa522 hex color

#afa522 Color Information

#afa522 Color Conversion

Color Schemes with #afa522

Alternatives to #afa522

#afa522 Preview

Shades and Tints of #afa522

Tones of #afa522

Color Blindness Simulator