#afa521 hex color

In a RGB color space, hex #afa521 is composed of 68.6% red, 64.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 81.1% yellow and 31.4% black. It has a hue angle of 55.8 degrees, a saturation of 68.3% and a lightness of 40.8%. #afa521 color hex could be obtained by blending #ffff42 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

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

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

Hex triplet	afa521	`#afa521`
RGB Decimal	175, 165, 33	`rgb(175,165,33)`
RGB Percent	68.6, 64.7, 12.9	`rgb(68.6%,64.7%,12.9%)`
CMYK	0, 6, 81, 31
HSL	55.8°, 68.3, 40.8	`hsl(55.8,68.3%,40.8%)`
HSV (or HSB)	55.8°, 81.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	66.623, -10.452, 63.263
XYZ	31.409, 36.135, 6.759
xyY	0.423, 0.486, 36.135
CIE-LCH	66.623, 64.121, 99.381
CIE-LUV	66.623, 11.928, 68.794
Hunter-Lab	60.112, -11.929, 35.412
Binary	10101111, 10100101, 00100001

#afa521
```
#afa521 rgb(175,165,33)
```
#212baf
```
#212baf rgb(33,43,175)
```

Complementary Color

#af5e21
```
#af5e21 rgb(175,94,33)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#72af21
```
#72af21 rgb(114,175,33)
```

Analogous Color

#5e21af
```
#5e21af rgb(94,33,175)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#2172af
```
#2172af rgb(33,114,175)
```

Split Complementary Color

#a521af
```
#a521af rgb(165,33,175)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#21afa5
```
#21afa5 rgb(33,175,165)
```

Triadic Color

#af212b
```
#af212b rgb(175,33,43)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#21afa5
```
#21afa5 rgb(33,175,165)
```
#212baf
```
#212baf rgb(33,43,175)
```

Tetradic Color

#6f6815
```
#6f6815 rgb(111,104,21)
```
#847d19
```
#847d19 rgb(132,125,25)
```
#9a911d
```
#9a911d rgb(154,145,29)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#c4b925
```
#c4b925 rgb(196,185,37)
```
#d7cb2c
```
#d7cb2c rgb(215,203,44)
```
#dbd041
```
#dbd041 rgb(219,208,65)
```

Monochromatic Color

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

#af8221
```
#af8221 rgb(175,130,33)
```
#af8d21
```
#af8d21 rgb(175,141,33)
```
#af9921
```
#af9921 rgb(175,153,33)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#adaf21
```
#adaf21 rgb(173,175,33)
```
#a1af21
```
#a1af21 rgb(161,175,33)
```
#96af21
```
#96af21 rgb(150,175,33)
```

Similar Colors

Text with hexadecimal color #afa521

This text has a font color of #afa521.

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

#afa521 background color

This paragraph has a background color of #afa521.

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

#afa521 border color

This element has a border color of #afa521.

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

CSS codes

.text {color:#afa521;}

.background {background-color:#afa521;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1a1905
```
#1a1905 rgb(26,25,5)
```
#2b2908
```
#2b2908 rgb(43,41,8)
```
#3b380b
```
#3b380b rgb(59,56,11)
```
#4c480e
```
#4c480e rgb(76,72,14)
```
#5c5711
```
#5c5711 rgb(92,87,17)
```
#6d6715
```
#6d6715 rgb(109,103,21)
```
#7d7618
```
#7d7618 rgb(125,118,24)
```
#8e861b
```
#8e861b rgb(142,134,27)
```
#9e951e
```
#9e951e rgb(158,149,30)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#c0b524
```
#c0b524 rgb(192,181,36)
```
#d0c427
```
#d0c427 rgb(208,196,39)
```

Shade Color Variation

#d8cd32
```
#d8cd32 rgb(216,205,50)
```
#dcd143
```
#dcd143 rgb(220,209,67)
```
#dfd553
```
#dfd553 rgb(223,213,83)
```
#e2d964
```
#e2d964 rgb(226,217,100)
```
#e5dd74
```
#e5dd74 rgb(229,221,116)
```
#e8e185
```
#e8e185 rgb(232,225,133)
```
#ebe595
```
#ebe595 rgb(235,229,149)
```
#eee9a6
```
#eee9a6 rgb(238,233,166)
```
#f1edb6
```
#f1edb6 rgb(241,237,182)
```
#f4f1c7
```
#f4f1c7 rgb(244,241,199)
```
#f8f5d7
```
#f8f5d7 rgb(248,245,215)
```
#fbf9e8
```
#fbf9e8 rgb(251,249,232)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#6f6e61
```
#6f6e61 rgb(111,110,97)
```
#777559
```
#777559 rgb(119,117,89)
```
#7f7c51
```
#7f7c51 rgb(127,124,81)
```
#878349
```
#878349 rgb(135,131,73)
```
#8f8a41
```
#8f8a41 rgb(143,138,65)
```
#979039
```
#979039 rgb(151,144,57)
```
#9f9731
```
#9f9731 rgb(159,151,49)
```
#a79e29
```
#a79e29 rgb(167,158,41)
```
#afa521
```
#afa521 rgb(175,165,33)
```
#b7ac19
```
#b7ac19 rgb(183,172,25)
```
#bfb311
```
#bfb311 rgb(191,179,17)
```
#c7ba09
```
#c7ba09 rgb(199,186,9)
```
#cfc001
```
#cfc001 rgb(207,192,1)
```

Tone Color Variation

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

#baa72b Protanopia 1% of men
#cf9e32 Deuteranopia 1% of men
#bd9ea9 Tritanopia 0.001% of the population

Trichromacy

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

#afa521 hex color

#afa521 Color Information

#afa521 Color Conversion

Color Schemes with #afa521

Alternatives to #afa521

#afa521 Preview

Shades and Tints of #afa521

Tones of #afa521

Color Blindness Simulator