#afd20e hex color

In a RGB color space, hex #afd20e is composed of 68.6% red, 82.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 93.3% yellow and 17.6% black. It has a hue angle of 70.7 degrees, a saturation of 87.5% and a lightness of 43.9%. #afd20e color hex could be obtained by blending #ffff1c with #5fa500. Closest websafe color is: #99cc00.

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

● #afd20e color description : Strong yellow.

The hexadecimal color #afd20e has RGB values of R:175, G:210, B:14 and CMYK values of C:0.17, M:0, Y:0.93, K:0.18. Its decimal value is 11522574.

Hex triplet	afd20e	`#afd20e`
RGB Decimal	175, 210, 14	`rgb(175,210,14)`
RGB Percent	68.6, 82.4, 5.5	`rgb(68.6%,82.4%,5.5%)`
CMYK	17, 0, 93, 18
HSL	70.7°, 87.5, 43.9	`hsl(70.7,87.5%,43.9%)`
HSV (or HSB)	70.7°, 93.3, 82.4
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.178, -33.062, 77.213
XYZ	40.805, 55.239, 8.928
xyY	0.389, 0.526, 55.239
CIE-LCH	79.178, 83.993, 113.18
CIE-LUV	79.178, -16.17, 88.946
Hunter-Lab	74.323, -32.064, 44.904
Binary	10101111, 11010010, 00001110

#afd20e
```
#afd20e rgb(175,210,14)
```
#310ed2
```
#310ed2 rgb(49,14,210)
```

Complementary Color

#d2930e
```
#d2930e rgb(210,147,14)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#4dd20e
```
#4dd20e rgb(77,210,14)
```

Analogous Color

#930ed2
```
#930ed2 rgb(147,14,210)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#0e4dd2
```
#0e4dd2 rgb(14,77,210)
```

Split Complementary Color

#d20eaf
```
#d20eaf rgb(210,14,175)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#0eafd2
```
#0eafd2 rgb(14,175,210)
```

Triadic Color

#d2310e
```
#d2310e rgb(210,49,14)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#0eafd2
```
#0eafd2 rgb(14,175,210)
```
#310ed2
```
#310ed2 rgb(49,14,210)
```

Tetradic Color

#738a09
```
#738a09 rgb(115,138,9)
```
#87a20b
```
#87a20b rgb(135,162,11)
```
#9bba0c
```
#9bba0c rgb(155,186,12)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#c3ea10
```
#c3ea10 rgb(195,234,16)
```
#ccf023
```
#ccf023 rgb(204,240,35)
```
#d1f23b
```
#d1f23b rgb(209,242,59)
```

Monochromatic Color

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

#d2c40e
```
#d2c40e rgb(210,196,14)
```
#d0d20e
```
#d0d20e rgb(208,210,14)
```
#bfd20e
```
#bfd20e rgb(191,210,14)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#9fd20e
```
#9fd20e rgb(159,210,14)
```
#8ed20e
```
#8ed20e rgb(142,210,14)
```
#7ed20e
```
#7ed20e rgb(126,210,14)
```

Similar Colors

Text with hexadecimal color #afd20e

This text has a font color of #afd20e.

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

#afd20e background color

This paragraph has a background color of #afd20e.

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

#afd20e border color

This element has a border color of #afd20e.

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

CSS codes

.text {color:#afd20e;}

.background {background-color:#afd20e;}

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

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

#060801
```
#060801 rgb(6,8,1)
```
#161a02
```
#161a02 rgb(22,26,2)
```
#252c03
```
#252c03 rgb(37,44,3)
```
#343f04
```
#343f04 rgb(52,63,4)
```
#445105
```
#445105 rgb(68,81,5)
```
#536407
```
#536407 rgb(83,100,7)
```
#627608
```
#627608 rgb(98,118,8)
```
#728809
```
#728809 rgb(114,136,9)
```
#819b0a
```
#819b0a rgb(129,155,10)
```
#90ad0c
```
#90ad0c rgb(144,173,12)
```
#a0c00d
```
#a0c00d rgb(160,192,13)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#bee40f
```
#bee40f rgb(190,228,15)
```

Shade Color Variation

#c9f018
```
#c9f018 rgb(201,240,24)
```
#cdf12a
```
#cdf12a rgb(205,241,42)
```
#d2f23c
```
#d2f23c rgb(210,242,60)
```
#d6f34f
```
#d6f34f rgb(214,243,79)
```
#daf461
```
#daf461 rgb(218,244,97)
```
#def674
```
#def674 rgb(222,246,116)
```
#e3f786
```
#e3f786 rgb(227,247,134)
```
#e7f898
```
#e7f898 rgb(231,248,152)
```
#ebf9ab
```
#ebf9ab rgb(235,249,171)
```
#f0fbbd
```
#f0fbbd rgb(240,251,189)
```
#f4fcd0
```
#f4fcd0 rgb(244,252,208)
```
#f8fde2
```
#f8fde2 rgb(248,253,226)
```
#fdfef4
```
#fdfef4 rgb(253,254,244)
```

Tint Color Variation

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

#72736d
```
#72736d rgb(114,115,109)
```
#787c64
```
#787c64 rgb(120,124,100)
```
#7d845c
```
#7d845c rgb(125,132,92)
```
#838d53
```
#838d53 rgb(131,141,83)
```
#88964a
```
#88964a rgb(136,150,74)
```
#8e9e42
```
#8e9e42 rgb(142,158,66)
```
#93a739
```
#93a739 rgb(147,167,57)
```
#99b030
```
#99b030 rgb(153,176,48)
```
#9eb828
```
#9eb828 rgb(158,184,40)
```
#a4c11f
```
#a4c11f rgb(164,193,31)
```
#a9c917
```
#a9c917 rgb(169,201,23)
```
#afd20e
```
#afd20e rgb(175,210,14)
```
#b5db05
```
#b5db05 rgb(181,219,5)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc714 Protanopia 1% of men
#f8bd31 Deuteranopia 1% of men
#c5c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb12 Protanomaly 1% of men, 0.01% of women
#ddc524 Deuteranomaly 6% of men, 0.4% of women
#bdca8c Tritanomaly 0.01% of the population

#afd20e hex color

#afd20e Color Information

#afd20e Color Conversion

Color Schemes with #afd20e

Alternatives to #afd20e

#afd20e Preview

Shades and Tints of #afd20e

Tones of #afd20e

Color Blindness Simulator