#afae20 hex color

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

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

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

The hexadecimal color #afae20 has RGB values of R:175, G:174, B:32 and CMYK values of C:0, M:0.01, Y:0.82, K:0.31. Its decimal value is 11513376.

Hex triplet	afae20	`#afae20`
RGB Decimal	175, 174, 32	`rgb(175,174,32)`
RGB Percent	68.6, 68.2, 12.5	`rgb(68.6%,68.2%,12.5%)`
CMYK	0, 1, 82, 31
HSL	59.6°, 69.1, 40.6	`hsl(59.6,69.1%,40.6%)`
HSV (or HSB)	59.6°, 81.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.105, -15.142, 65.683
XYZ	33.076, 39.491, 7.247
xyY	0.414, 0.495, 39.491
CIE-LCH	69.105, 67.406, 102.982
CIE-LUV	69.105, 5.922, 72.628
Hunter-Lab	62.842, -16.022, 37.152
Binary	10101111, 10101110, 00100000

#afae20
```
#afae20 rgb(175,174,32)
```
#2021af
```
#2021af rgb(32,33,175)
```

Complementary Color

#af6720
```
#af6720 rgb(175,103,32)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#69af20
```
#69af20 rgb(105,175,32)
```

Analogous Color

#6720af
```
#6720af rgb(103,32,175)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#2069af
```
#2069af rgb(32,105,175)
```

Split Complementary Color

#ae20af
```
#ae20af rgb(174,32,175)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#20afae
```
#20afae rgb(32,175,174)
```

Triadic Color

#af2021
```
#af2021 rgb(175,32,33)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#20afae
```
#20afae rgb(32,175,174)
```
#2021af
```
#2021af rgb(32,33,175)
```

Tetradic Color

#6e6e14
```
#6e6e14 rgb(110,110,20)
```
#848318
```
#848318 rgb(132,131,24)
```
#99991c
```
#99991c rgb(153,153,28)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#c5c324
```
#c5c324 rgb(197,195,36)
```
#d8d72a
```
#d8d72a rgb(216,215,42)
```
#dcdb40
```
#dcdb40 rgb(220,219,64)
```

Monochromatic Color

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

#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)
```
#8caf20
```
#8caf20 rgb(140,175,32)
```

Similar Colors

Text with hexadecimal color #afae20

This text has a font color of #afae20.

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

#afae20 background color

This paragraph has a background color of #afae20.

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

#afae20 border color

This element has a border color of #afae20.

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

CSS codes

.text {color:#afae20;}

.background {background-color:#afae20;}

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

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

#090902
```
#090902 rgb(9,9,2)
```
#1a1a05
```
#1a1a05 rgb(26,26,5)
```
#2a2a08
```
#2a2a08 rgb(42,42,8)
```
#3b3b0b
```
#3b3b0b rgb(59,59,11)
```
#4c4b0e
```
#4c4b0e rgb(76,75,14)
```
#5c5c11
```
#5c5c11 rgb(92,92,17)
```
#6d6c14
```
#6d6c14 rgb(109,108,20)
```
#7d7d17
```
#7d7d17 rgb(125,125,23)
```
#8e8d1a
```
#8e8d1a rgb(142,141,26)
```
#9e9e1d
```
#9e9e1d rgb(158,158,29)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#c0be23
```
#c0be23 rgb(192,190,35)
```
#d0cf26
```
#d0cf26 rgb(208,207,38)
```

Shade Color Variation

#d9d831
```
#d9d831 rgb(217,216,49)
```
#dcdb41
```
#dcdb41 rgb(220,219,65)
```
#dfde52
```
#dfde52 rgb(223,222,82)
```
#e2e162
```
#e2e162 rgb(226,225,98)
```
#e5e573
```
#e5e573 rgb(229,229,115)
```
#e8e884
```
#e8e884 rgb(232,232,132)
```
#ebeb94
```
#ebeb94 rgb(235,235,148)
```
#eeeea5
```
#eeeea5 rgb(238,238,165)
```
#f2f1b5
```
#f2f1b5 rgb(242,241,181)
```
#f5f4c6
```
#f5f4c6 rgb(245,244,198)
```
#f8f7d6
```
#f8f7d6 rgb(248,247,214)
```
#fbfae7
```
#fbfae7 rgb(251,250,231)
```
#fefef8
```
#fefef8 rgb(254,254,248)
```

Tint Color Variation

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

#6f6f60
```
#6f6f60 rgb(111,111,96)
```
#777758
```
#777758 rgb(119,119,88)
```
#7f7f50
```
#7f7f50 rgb(127,127,80)
```
#878748
```
#878748 rgb(135,135,72)
```
#8f8f40
```
#8f8f40 rgb(143,143,64)
```
#979638
```
#979638 rgb(151,150,56)
```
#9f9e30
```
#9f9e30 rgb(159,158,48)
```
#a7a628
```
#a7a628 rgb(167,166,40)
```
#afae20
```
#afae20 rgb(175,174,32)
```
#b7b618
```
#b7b618 rgb(183,182,24)
```
#bfbe10
```
#bfbe10 rgb(191,190,16)
```
#c7c608
```
#c7c608 rgb(199,198,8)
```
#cfcd00
```
#cfcd00 rgb(207,205,0)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad2a Protanopia 1% of men
#d7a433 Deuteranopia 1% of men
#bfa6b2 Tritanopia 0.001% of the population

Trichromacy

#baad26 Protanomaly 1% of men, 0.01% of women
#c8a82c Deuteranomaly 6% of men, 0.4% of women
#b9a97d Tritanomaly 0.01% of the population

#afae20 hex color

#afae20 Color Information

#afae20 Color Conversion

Color Schemes with #afae20

Alternatives to #afae20

#afae20 Preview

Shades and Tints of #afae20

Tones of #afae20

Color Blindness Simulator