#afd20a hex color

In a RGB color space, hex #afd20a is composed of 68.6% red, 82.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 95.2% yellow and 17.6% black. It has a hue angle of 70.5 degrees, a saturation of 90.9% and a lightness of 43.1%. #afd20a color hex could be obtained by blending #ffff14 with #5fa500. Closest websafe color is: #99cc00.

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

● #afd20a color description : Strong yellow.

The hexadecimal color #afd20a has RGB values of R:175, G:210, B:10 and CMYK values of C:0.17, M:0, Y:0.95, K:0.18. Its decimal value is 11522570.

Hex triplet	afd20a	`#afd20a`
RGB Decimal	175, 210, 10	`rgb(175,210,10)`
RGB Percent	68.6, 82.4, 3.9	`rgb(68.6%,82.4%,3.9%)`
CMYK	17, 0, 95, 18
HSL	70.5°, 90.9, 43.1	`hsl(70.5,90.9%,43.1%)`
HSV (or HSB)	70.5°, 95.2, 82.4
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.173, -33.113, 77.623
XYZ	40.78, 55.229, 8.799
xyY	0.389, 0.527, 55.229
CIE-LCH	79.173, 84.391, 113.102
CIE-LUV	79.173, -16.165, 89.194
Hunter-Lab	74.316, -32.103, 45.001
Binary	10101111, 11010010, 00001010

#afd20a
```
#afd20a rgb(175,210,10)
```
#2d0ad2
```
#2d0ad2 rgb(45,10,210)
```

Complementary Color

#d2910a
```
#d2910a rgb(210,145,10)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#4bd20a
```
#4bd20a rgb(75,210,10)
```

Analogous Color

#910ad2
```
#910ad2 rgb(145,10,210)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#0a4bd2
```
#0a4bd2 rgb(10,75,210)
```

Split Complementary Color

#d20aaf
```
#d20aaf rgb(210,10,175)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#0aafd2
```
#0aafd2 rgb(10,175,210)
```

Triadic Color

#d22d0a
```
#d22d0a rgb(210,45,10)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#0aafd2
```
#0aafd2 rgb(10,175,210)
```
#2d0ad2
```
#2d0ad2 rgb(45,10,210)
```

Tetradic Color

#728907
```
#728907 rgb(114,137,7)
```
#86a108
```
#86a108 rgb(134,161,8)
```
#9bba09
```
#9bba09 rgb(155,186,9)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#c3ea0b
```
#c3ea0b rgb(195,234,11)
```
#cef41b
```
#cef41b rgb(206,244,27)
```
#d3f533
```
#d3f533 rgb(211,245,51)
```

Monochromatic Color

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

#d2c30a
```
#d2c30a rgb(210,195,10)
```
#d0d20a
```
#d0d20a rgb(208,210,10)
```
#c0d20a
```
#c0d20a rgb(192,210,10)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#9ed20a
```
#9ed20a rgb(158,210,10)
```
#8ed20a
```
#8ed20a rgb(142,210,10)
```
#7dd20a
```
#7dd20a rgb(125,210,10)
```

Similar Colors

Text with hexadecimal color #afd20a

This text has a font color of #afd20a.

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

#afd20a background color

This paragraph has a background color of #afd20a.

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

#afd20a border color

This element has a border color of #afd20a.

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

CSS codes

.text {color:#afd20a;}

.background {background-color:#afd20a;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#131701
```
#131701 rgb(19,23,1)
```
#232902
```
#232902 rgb(35,41,2)
```
#323c03
```
#323c03 rgb(50,60,3)
```
#424f04
```
#424f04 rgb(66,79,4)
```
#516205
```
#516205 rgb(81,98,5)
```
#617406
```
#617406 rgb(97,116,6)
```
#718706
```
#718706 rgb(113,135,6)
```
#809a07
```
#809a07 rgb(128,154,7)
```
#90ad08
```
#90ad08 rgb(144,173,8)
```
#9fbf09
```
#9fbf09 rgb(159,191,9)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#bfe50b
```
#bfe50b rgb(191,229,11)
```

Shade Color Variation

#ccf410
```
#ccf410 rgb(204,244,16)
```
#d0f422
```
#d0f422 rgb(208,244,34)
```
#d4f535
```
#d4f535 rgb(212,245,53)
```
#d8f648
```
#d8f648 rgb(216,246,72)
```
#dcf75b
```
#dcf75b rgb(220,247,91)
```
#e0f86d
```
#e0f86d rgb(224,248,109)
```
#e4f980
```
#e4f980 rgb(228,249,128)
```
#e8fa93
```
#e8fa93 rgb(232,250,147)
```
#ecfba5
```
#ecfba5 rgb(236,251,165)
```
#f0fcb8
```
#f0fcb8 rgb(240,252,184)
```
#f4fdcb
```
#f4fdcb rgb(244,253,203)
```
#f8fdde
```
#f8fdde rgb(248,253,222)
```
#fcfef0
```
#fcfef0 rgb(252,254,240)
```

Tint Color Variation

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

#737567
```
#737567 rgb(115,117,103)
```
#787d5f
```
#787d5f rgb(120,125,95)
```
#7e8656
```
#7e8656 rgb(126,134,86)
```
#838e4e
```
#838e4e rgb(131,142,78)
```
#899745
```
#899745 rgb(137,151,69)
```
#8e9f3d
```
#8e9f3d rgb(142,159,61)
```
#94a834
```
#94a834 rgb(148,168,52)
```
#99b02c
```
#99b02c rgb(153,176,44)
```
#9fb923
```
#9fb923 rgb(159,185,35)
```
#a4c11b
```
#a4c11b rgb(164,193,27)
```
#aaca12
```
#aaca12 rgb(170,202,18)
```
#afd20a
```
#afd20a rgb(175,210,10)
```
#b5da02
```
#b5da02 rgb(181,218,2)
```

Tone Color Variation

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

#dfc70f Protanopia 1% of men
#f8bd2f Deuteranopia 1% of men
#c5c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb0d Protanomaly 1% of men, 0.01% of women
#ddc522 Deuteranomaly 6% of men, 0.4% of women
#bdca8a Tritanomaly 0.01% of the population

#afd20a hex color

#afd20a Color Information

#afd20a Color Conversion

Color Schemes with #afd20a

Alternatives to #afd20a

#afd20a Preview

Shades and Tints of #afd20a

Tones of #afd20a

Color Blindness Simulator