#afd422 hex color

In a RGB color space, hex #afd422 is composed of 68.6% red, 83.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 84% yellow and 16.9% black. It has a hue angle of 72.5 degrees, a saturation of 72.4% and a lightness of 48.2%. #afd422 color hex could be obtained by blending #ffff44 with #5fa900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 83
- B 13
RGB color chart
- C 17
- M 0
- Y 84
- K 17
CMYK color chart

● #afd422 color description : Strong yellow.

The hexadecimal color #afd422 has RGB values of R:175, G:212, B:34 and CMYK values of C:0.17, M:0, Y:0.84, K:0.17. Its decimal value is 11523106.

Hex triplet	afd422	`#afd422`
RGB Decimal	175, 212, 34	`rgb(175,212,34)`
RGB Percent	68.6, 83.1, 13.3	`rgb(68.6%,83.1%,13.3%)`
CMYK	17, 0, 84, 17
HSL	72.5°, 72.4, 48.2	`hsl(72.5,72.4%,48.2%)`
HSV (or HSB)	72.5°, 84, 83.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.793, -33.548, 74.338
XYZ	41.511, 56.316, 10.196
xyY	0.384, 0.521, 56.316
CIE-LCH	79.793, 81.558, 114.289
CIE-LUV	79.793, -17.36, 87.632
Hunter-Lab	75.044, -32.589, 44.475
Binary	10101111, 11010100, 00100010

#afd422
```
#afd422 rgb(175,212,34)
```
#4722d4
```
#4722d4 rgb(71,34,212)
```

Complementary Color

#d4a022
```
#d4a022 rgb(212,160,34)
```
#afd422
```
#afd422 rgb(175,212,34)
```
#56d422
```
#56d422 rgb(86,212,34)
```

Analogous Color

#a022d4
```
#a022d4 rgb(160,34,212)
```
#afd422
```
#afd422 rgb(175,212,34)
```
#2256d4
```
#2256d4 rgb(34,86,212)
```

Split Complementary Color

#d422af
```
#d422af rgb(212,34,175)
```
#afd422
```
#afd422 rgb(175,212,34)
```
#22afd4
```
#22afd4 rgb(34,175,212)
```

Triadic Color

#d44722
```
#d44722 rgb(212,71,34)
```
#afd422
```
#afd422 rgb(175,212,34)
```
#22afd4
```
#22afd4 rgb(34,175,212)
```
#4722d4
```
#4722d4 rgb(71,34,212)
```

Tetradic Color

#799217
```
#799217 rgb(121,146,23)
```
#8ba81b
```
#8ba81b rgb(139,168,27)
```
#9dbe1e
```
#9dbe1e rgb(157,190,30)
```
#afd422
```
#afd422 rgb(175,212,34)
```
#bade31
```
#bade31 rgb(186,222,49)
```
#c2e247
```
#c2e247 rgb(194,226,71)
```
#c9e55d
```
#c9e55d rgb(201,229,93)
```

Monochromatic Color

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

#d4cd22
```
#d4cd22 rgb(212,205,34)
```
#cdd422
```
#cdd422 rgb(205,212,34)
```
#bed422
```
#bed422 rgb(190,212,34)
```
#afd422
```
#afd422 rgb(175,212,34)
```
#a0d422
```
#a0d422 rgb(160,212,34)
```
#91d422
```
#91d422 rgb(145,212,34)
```
#83d422
```
#83d422 rgb(131,212,34)
```

Similar Colors

Text with hexadecimal color #afd422

This text has a font color of #afd422.

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

#afd422 background color

This paragraph has a background color of #afd422.

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

#afd422 border color

This element has a border color of #afd422.

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

CSS codes

.text {color:#afd422;}

.background {background-color:#afd422;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#161a04
```
#161a04 rgb(22,26,4)
```
#232b07
```
#232b07 rgb(35,43,7)
```
#313c0a
```
#313c0a rgb(49,60,10)
```
#3f4d0c
```
#3f4d0c rgb(63,77,12)
```
#4d5e0f
```
#4d5e0f rgb(77,94,15)
```
#5b6f12
```
#5b6f12 rgb(91,111,18)
```
#697f14
```
#697f14 rgb(105,127,20)
```
#779017
```
#779017 rgb(119,144,23)
```
#85a11a
```
#85a11a rgb(133,161,26)
```
#93b21d
```
#93b21d rgb(147,178,29)
```
#a1c31f
```
#a1c31f rgb(161,195,31)
```
#afd422
```
#afd422 rgb(175,212,34)
```

Shade Color Variation

#b8dd2c
```
#b8dd2c rgb(184,221,44)
```
#bee03d
```
#bee03d rgb(190,224,61)
```
#c4e34e
```
#c4e34e rgb(196,227,78)
```
#c9e55f
```
#c9e55f rgb(201,229,95)
```
#cfe870
```
#cfe870 rgb(207,232,112)
```
#d5eb81
```
#d5eb81 rgb(213,235,129)
```
#daed92
```
#daed92 rgb(218,237,146)
```
#e0f0a3
```
#e0f0a3 rgb(224,240,163)
```
#e6f3b4
```
#e6f3b4 rgb(230,243,180)
```
#ebf6c5
```
#ebf6c5 rgb(235,246,197)
```
#f1f8d5
```
#f1f8d5 rgb(241,248,213)
```
#f7fbe6
```
#f7fbe6 rgb(247,251,230)
```
#fcfef7
```
#fcfef7 rgb(252,254,247)
```

Tint Color Variation

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

#7d7f77
```
#7d7f77 rgb(125,127,119)
```
#83886e
```
#83886e rgb(131,136,110)
```
#889264
```
#889264 rgb(136,146,100)
```
#8e9b5b
```
#8e9b5b rgb(142,155,91)
```
#93a551
```
#93a551 rgb(147,165,81)
```
#99ae48
```
#99ae48 rgb(153,174,72)
```
#9eb83e
```
#9eb83e rgb(158,184,62)
```
#a4c135
```
#a4c135 rgb(164,193,53)
```
#a9cb2b
```
#a9cb2b rgb(169,203,43)
```
#afd422
```
#afd422 rgb(175,212,34)
```
#b5dd19
```
#b5dd19 rgb(181,221,25)
```
#bae70f
```
#bae70f rgb(186,231,15)
```
#c0f006
```
#c0f006 rgb(192,240,6)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4bb98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c929 Protanopia 1% of men
#f9bf3d Deuteranopia 1% of men
#c5c8d6 Tritanopia 0.001% of the population

Trichromacy

#cecd26 Protanomaly 1% of men, 0.01% of women
#dec633 Deuteranomaly 6% of men, 0.4% of women
#bdcc94 Tritanomaly 0.01% of the population

#afd422 hex color

#afd422 Color Information

#afd422 Color Conversion

Color Schemes with #afd422

Alternatives to #afd422

#afd422 Preview

Shades and Tints of #afd422

Tones of #afd422

Color Blindness Simulator