#afd22c hex color

In a RGB color space, hex #afd22c is composed of 68.6% red, 82.4% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 79% yellow and 17.6% black. It has a hue angle of 72.7 degrees, a saturation of 65.4% and a lightness of 49.8%. #afd22c color hex could be obtained by blending #ffff58 with #5fa500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 82
- B 17
RGB color chart
- C 17
- M 0
- Y 79
- K 18
CMYK color chart

● #afd22c color description : Strong yellow.

The hexadecimal color #afd22c has RGB values of R:175, G:210, B:44 and CMYK values of C:0.17, M:0, Y:0.79, K:0.18. Its decimal value is 11522604.

Hex triplet	afd22c	`#afd22c`
RGB Decimal	175, 210, 44	`rgb(175,210,44)`
RGB Percent	68.6, 82.4, 17.3	`rgb(68.6%,82.4%,17.3%)`
CMYK	17, 0, 79, 18
HSL	72.7°, 65.4, 49.8	`hsl(72.7,65.4%,49.8%)`
HSV (or HSB)	72.7°, 79, 82.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.265, -32.28, 71.372
XYZ	41.18, 55.389, 10.904
xyY	0.383, 0.515, 55.389
CIE-LCH	79.265, 78.332, 114.336
CIE-LUV	79.265, -16.253, 85.175
Hunter-Lab	74.424, -31.474, 43.409
Binary	10101111, 11010010, 00101100

#afd22c
```
#afd22c rgb(175,210,44)
```
#4f2cd2
```
#4f2cd2 rgb(79,44,210)
```

Complementary Color

#d2a22c
```
#d2a22c rgb(210,162,44)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#5cd22c
```
#5cd22c rgb(92,210,44)
```

Analogous Color

#a22cd2
```
#a22cd2 rgb(162,44,210)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#2c5cd2
```
#2c5cd2 rgb(44,92,210)
```

Split Complementary Color

#d22caf
```
#d22caf rgb(210,44,175)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#2cafd2
```
#2cafd2 rgb(44,175,210)
```

Triadic Color

#d24f2c
```
#d24f2c rgb(210,79,44)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#2cafd2
```
#2cafd2 rgb(44,175,210)
```
#4f2cd2
```
#4f2cd2 rgb(79,44,210)
```

Tetradic Color

#7a931f
```
#7a931f rgb(122,147,31)
```
#8ca823
```
#8ca823 rgb(140,168,35)
```
#9dbd28
```
#9dbd28 rgb(157,189,40)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#b7d740
```
#b7d740 rgb(183,215,64)
```
#bfdb56
```
#bfdb56 rgb(191,219,86)
```
#c7e06b
```
#c7e06b rgb(199,224,107)
```

Monochromatic Color

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

#d2cc2c
```
#d2cc2c rgb(210,204,44)
```
#cbd22c
```
#cbd22c rgb(203,210,44)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#a1d22c
```
#a1d22c rgb(161,210,44)
```
#93d22c
```
#93d22c rgb(147,210,44)
```
#86d22c
```
#86d22c rgb(134,210,44)
```

Similar Colors

Text with hexadecimal color #afd22c

This text has a font color of #afd22c.

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

#afd22c background color

This paragraph has a background color of #afd22c.

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

#afd22c border color

This element has a border color of #afd22c.

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

CSS codes

.text {color:#afd22c;}

.background {background-color:#afd22c;}

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

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

#0d0f03
```
#0d0f03 rgb(13,15,3)
```
#1a2007
```
#1a2007 rgb(26,32,7)
```
#28300a
```
#28300a rgb(40,48,10)
```
#35400d
```
#35400d rgb(53,64,13)
```
#435011
```
#435011 rgb(67,80,17)
```
#506014
```
#506014 rgb(80,96,20)
```
#5e7118
```
#5e7118 rgb(94,113,24)
```
#6b811b
```
#6b811b rgb(107,129,27)
```
#79911e
```
#79911e rgb(121,145,30)
```
#86a122
```
#86a122 rgb(134,161,34)
```
#94b225
```
#94b225 rgb(148,178,37)
```
#a1c229
```
#a1c229 rgb(161,194,41)
```
#afd22c
```
#afd22c rgb(175,210,44)
```

Shade Color Variation

#b5d63c
```
#b5d63c rgb(181,214,60)
```
#bcd94c
```
#bcd94c rgb(188,217,76)
```
#c2dd5c
```
#c2dd5c rgb(194,221,92)
```
#c8e06c
```
#c8e06c rgb(200,224,108)
```
#cee47c
```
#cee47c rgb(206,228,124)
```
#d4e78d
```
#d4e78d rgb(212,231,141)
```
#daea9d
```
#daea9d rgb(218,234,157)
```
#e0eead
```
#e0eead rgb(224,238,173)
```
#e6f1bd
```
#e6f1bd rgb(230,241,189)
```
#ecf5ce
```
#ecf5ce rgb(236,245,206)
```
#f2f8de
```
#f2f8de rgb(242,248,222)
```
#f9fbee
```
#f9fbee rgb(249,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#82847a
```
#82847a rgb(130,132,122)
```
#878e70
```
#878e70 rgb(135,142,112)
```
#8d9767
```
#8d9767 rgb(141,151,103)
```
#93a15d
```
#93a15d rgb(147,161,93)
```
#98ab53
```
#98ab53 rgb(152,171,83)
```
#9eb549
```
#9eb549 rgb(158,181,73)
```
#a4be40
```
#a4be40 rgb(164,190,64)
```
#a9c836
```
#a9c836 rgb(169,200,54)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#b5dc22
```
#b5dc22 rgb(181,220,34)
```
#bae618
```
#bae618 rgb(186,230,24)
```
#c0ef0f
```
#c0ef0f rgb(192,239,15)
```
#c6f905
```
#c6f905 rgb(198,249,5)
```

Tone Color Variation

Below, you can see how #afd22c 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
#b4bb9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc733 Protanopia 1% of men
#f7be43 Deuteranopia 1% of men
#c4c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb30 Protanomaly 1% of men, 0.01% of women
#ddc53b Deuteranomaly 6% of men, 0.4% of women
#bcca97 Tritanomaly 0.01% of the population

#afd22c hex color

#afd22c Color Information

#afd22c Color Conversion

Color Schemes with #afd22c

Alternatives to #afd22c

#afd22c Preview

Shades and Tints of #afd22c

Tones of #afd22c

Color Blindness Simulator