colorhexa.com

#afa221 hex color

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

- R 69
- G 64
- B 13
RGB color chart
- C 0
- M 7
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #afa221 has RGB values of R:175, G:162, B:33 and CMYK values of C:0, M:0.07, Y:0.81, K:0.31. Its decimal value is 11510305.

Hex triplet	afa221	`#afa221`
RGB Decimal	175, 162, 33	`rgb(175,162,33)`
RGB Percent	68.6, 63.5, 12.9	`rgb(68.6%,63.5%,12.9%)`
CMYK	0, 7, 81, 31
HSL	54.5°, 68.3, 40.8	`hsl(54.5,68.3%,40.8%)`
HSV (or HSB)	54.5°, 81.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.799, -8.876, 62.546
XYZ	30.874, 35.065, 6.581
xyY	0.426, 0.484, 35.065
CIE-LCH	65.799, 63.172, 98.077
CIE-LUV	65.799, 13.98, 67.57
Hunter-Lab	59.216, -10.561, 34.862
Binary	10101111, 10100010, 00100001

#afa221
```
#afa221 rgb(175,162,33)
```
#212eaf
```
#212eaf rgb(33,46,175)
```

Complementary Color

#af5b21
```
#af5b21 rgb(175,91,33)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#75af21
```
#75af21 rgb(117,175,33)
```

Analogous Color

#5b21af
```
#5b21af rgb(91,33,175)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#2175af
```
#2175af rgb(33,117,175)
```

Split Complementary Color

#a221af
```
#a221af rgb(162,33,175)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#21afa2
```
#21afa2 rgb(33,175,162)
```

Triadic Color

#af212e
```
#af212e rgb(175,33,46)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#21afa2
```
#21afa2 rgb(33,175,162)
```
#212eaf
```
#212eaf rgb(33,46,175)
```

Tetradic Color

#6f6615
```
#6f6615 rgb(111,102,21)
```
#847a19
```
#847a19 rgb(132,122,25)
```
#9a8e1d
```
#9a8e1d rgb(154,142,29)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#c4b625
```
#c4b625 rgb(196,182,37)
```
#d7c72c
```
#d7c72c rgb(215,199,44)
```
#dbcd41
```
#dbcd41 rgb(219,205,65)
```

Monochromatic Color

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

#af7f21
```
#af7f21 rgb(175,127,33)
```
#af8a21
```
#af8a21 rgb(175,138,33)
```
#af9621
```
#af9621 rgb(175,150,33)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#a4af21
```
#a4af21 rgb(164,175,33)
```
#99af21
```
#99af21 rgb(153,175,33)
```

Similar Colors

Text with hexadecimal color #afa221

This text has a font color of #afa221.

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

#afa221 background color

This paragraph has a background color of #afa221.

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

#afa221 border color

This element has a border color of #afa221.

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

CSS codes

.text {color:#afa221;}

.background {background-color:#afa221;}

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

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)
```
#2b2808
```
#2b2808 rgb(43,40,8)
```
#3b370b
```
#3b370b rgb(59,55,11)
```
#4c460e
```
#4c460e rgb(76,70,14)
```
#5c5611
```
#5c5611 rgb(92,86,17)
```
#6d6515
```
#6d6515 rgb(109,101,21)
```
#7d7418
```
#7d7418 rgb(125,116,24)
```
#8e831b
```
#8e831b rgb(142,131,27)
```
#9e931e
```
#9e931e rgb(158,147,30)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#c0b124
```
#c0b124 rgb(192,177,36)
```
#d0c127
```
#d0c127 rgb(208,193,39)
```

Shade Color Variation

#d8c932
```
#d8c932 rgb(216,201,50)
```
#dcce43
```
#dcce43 rgb(220,206,67)
```
#dfd253
```
#dfd253 rgb(223,210,83)
```
#e2d664
```
#e2d664 rgb(226,214,100)
```
#e5db74
```
#e5db74 rgb(229,219,116)
```
#e8df85
```
#e8df85 rgb(232,223,133)
```
#ebe395
```
#ebe395 rgb(235,227,149)
```
#eee8a6
```
#eee8a6 rgb(238,232,166)
```
#f1ecb6
```
#f1ecb6 rgb(241,236,182)
```
#f4f0c7
```
#f4f0c7 rgb(244,240,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 #cfbc01 is the most saturated one.

#6f6e61
```
#6f6e61 rgb(111,110,97)
```
#777459
```
#777459 rgb(119,116,89)
```
#7f7b51
```
#7f7b51 rgb(127,123,81)
```
#878149
```
#878149 rgb(135,129,73)
```
#8f8841
```
#8f8841 rgb(143,136,65)
```
#978e39
```
#978e39 rgb(151,142,57)
```
#9f9531
```
#9f9531 rgb(159,149,49)
```
#a79b29
```
#a79b29 rgb(167,155,41)
```
#afa221
```
#afa221 rgb(175,162,33)
```
#b7a919
```
#b7a919 rgb(183,169,25)
```
#bfaf11
```
#bfaf11 rgb(191,175,17)
```
#c7b609
```
#c7b609 rgb(199,182,9)
```
#cfbc01
```
#cfbc01 rgb(207,188,1)
```

Tone Color Variation

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

#b8a52c Protanopia 1% of men
#cc9d32 Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#b4a328 Protanomaly 1% of men, 0.01% of women
#c29e2c Deuteranomaly 6% of men, 0.4% of women
#b89e76 Tritanomaly 0.01% of the population