#afae21 hex color

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

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

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

The hexadecimal color #afae21 has RGB values of R:175, G:174, B:33 and CMYK values of C:0, M:0.01, Y:0.81, K:0.31. Its decimal value is 11513377.

Hex triplet	afae21	`#afae21`
RGB Decimal	175, 174, 33	`rgb(175,174,33)`
RGB Percent	68.6, 68.2, 12.9	`rgb(68.6%,68.2%,12.9%)`
CMYK	0, 1, 81, 31
HSL	59.6°, 68.3, 40.8	`hsl(59.6,68.3%,40.8%)`
HSV (or HSB)	59.6°, 81.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.109, -15.11, 65.42
XYZ	33.09, 39.496, 7.319
xyY	0.414, 0.494, 39.496
CIE-LCH	69.109, 67.142, 103.006
CIE-LUV	69.109, 5.91, 72.461
Hunter-Lab	62.846, -15.997, 37.087
Binary	10101111, 10101110, 00100001

#afae21
```
#afae21 rgb(175,174,33)
```
#2122af
```
#2122af rgb(33,34,175)
```

Complementary Color

#af6721
```
#af6721 rgb(175,103,33)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#69af21
```
#69af21 rgb(105,175,33)
```

Analogous Color

#6721af
```
#6721af rgb(103,33,175)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#2169af
```
#2169af rgb(33,105,175)
```

Split Complementary Color

#ae21af
```
#ae21af rgb(174,33,175)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#21afae
```
#21afae rgb(33,175,174)
```

Triadic Color

#af2122
```
#af2122 rgb(175,33,34)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#21afae
```
#21afae rgb(33,175,174)
```
#2122af
```
#2122af rgb(33,34,175)
```

Tetradic Color

#6f6e15
```
#6f6e15 rgb(111,110,21)
```
#848319
```
#848319 rgb(132,131,25)
```
#9a991d
```
#9a991d rgb(154,153,29)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#c4c325
```
#c4c325 rgb(196,195,37)
```
#d7d62c
```
#d7d62c rgb(215,214,44)
```
#dbda41
```
#dbda41 rgb(219,218,65)
```

Monochromatic Color

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

#af8b21
```
#af8b21 rgb(175,139,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)
```
#98af21
```
#98af21 rgb(152,175,33)
```
#8daf21
```
#8daf21 rgb(141,175,33)
```

Similar Colors

Text with hexadecimal color #afae21

This text has a font color of #afae21.

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

#afae21 background color

This paragraph has a background color of #afae21.

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

#afae21 border color

This element has a border color of #afae21.

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

CSS codes

.text {color:#afae21;}

.background {background-color:#afae21;}

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

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

#0a0a02
```
#0a0a02 rgb(10,10,2)
```
#1a1a05
```
#1a1a05 rgb(26,26,5)
```
#2b2b08
```
#2b2b08 rgb(43,43,8)
```
#3b3b0b
```
#3b3b0b rgb(59,59,11)
```
#4c4c0e
```
#4c4c0e rgb(76,76,14)
```
#5c5c11
```
#5c5c11 rgb(92,92,17)
```
#6d6c15
```
#6d6c15 rgb(109,108,21)
```
#7d7d18
```
#7d7d18 rgb(125,125,24)
```
#8e8d1b
```
#8e8d1b rgb(142,141,27)
```
#9e9e1e
```
#9e9e1e rgb(158,158,30)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#c0be24
```
#c0be24 rgb(192,190,36)
```
#d0cf27
```
#d0cf27 rgb(208,207,39)
```

Shade Color Variation

#d8d732
```
#d8d732 rgb(216,215,50)
```
#dcda43
```
#dcda43 rgb(220,218,67)
```
#dfde53
```
#dfde53 rgb(223,222,83)
```
#e2e164
```
#e2e164 rgb(226,225,100)
```
#e5e474
```
#e5e474 rgb(229,228,116)
```
#e8e785
```
#e8e785 rgb(232,231,133)
```
#ebea95
```
#ebea95 rgb(235,234,149)
```
#eeeea6
```
#eeeea6 rgb(238,238,166)
```
#f1f1b6
```
#f1f1b6 rgb(241,241,182)
```
#f4f4c7
```
#f4f4c7 rgb(244,244,199)
```
#f8f7d7
```
#f8f7d7 rgb(248,247,215)
```
#fbfbe8
```
#fbfbe8 rgb(251,251,232)
```
#fefef8
```
#fefef8 rgb(254,254,248)
```

Tint Color Variation

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

#6f6f61
```
#6f6f61 rgb(111,111,97)
```
#777759
```
#777759 rgb(119,119,89)
```
#7f7f51
```
#7f7f51 rgb(127,127,81)
```
#878749
```
#878749 rgb(135,135,73)
```
#8f8e41
```
#8f8e41 rgb(143,142,65)
```
#979639
```
#979639 rgb(151,150,57)
```
#9f9e31
```
#9f9e31 rgb(159,158,49)
```
#a7a629
```
#a7a629 rgb(167,166,41)
```
#afae21
```
#afae21 rgb(175,174,33)
```
#b7b619
```
#b7b619 rgb(183,182,25)
```
#bfbe11
```
#bfbe11 rgb(191,190,17)
```
#c7c609
```
#c7c609 rgb(199,198,9)
```
#cfce01
```
#cfce01 rgb(207,206,1)
```

Tone Color Variation

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

#c1ad2b Protanopia 1% of men
#d7a434 Deuteranopia 1% of men
#bfa6b2 Tritanopia 0.001% of the population

Trichromacy

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

#afae21 hex color

#afae21 Color Information

#afae21 Color Conversion

Color Schemes with #afae21

Alternatives to #afae21

#afae21 Preview

Shades and Tints of #afae21

Tones of #afae21

Color Blindness Simulator