#afd202 hex color

In a RGB color space, hex #afd202 is composed of 68.6% red, 82.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 99% yellow and 17.6% black. It has a hue angle of 70.1 degrees, a saturation of 98.1% and a lightness of 41.6%. #afd202 color hex could be obtained by blending #ffff04 with #5fa500. Closest websafe color is: #99cc00.

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

● #afd202 color description : Strong yellow.

The hexadecimal color #afd202 has RGB values of R:175, G:210, B:2 and CMYK values of C:0.17, M:0, Y:0.99, K:0.18. Its decimal value is 11522562.

Hex triplet	afd202	`#afd202`
RGB Decimal	175, 210, 2	`rgb(175,210,2)`
RGB Percent	68.6, 82.4, 0.8	`rgb(68.6%,82.4%,0.8%)`
CMYK	17, 0, 99, 18
HSL	70.1°, 98.1, 41.6	`hsl(70.1,98.1%,41.6%)`
HSV (or HSB)	70.1°, 99, 82.4
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.163, -33.205, 78.369
XYZ	40.736, 55.211, 8.568
xyY	0.39, 0.528, 55.211
CIE-LCH	79.163, 85.113, 112.962
CIE-LUV	79.163, -16.155, 89.639
Hunter-Lab	74.304, -32.172, 45.176
Binary	10101111, 11010010, 00000010

#afd202
```
#afd202 rgb(175,210,2)
```
#2502d2
```
#2502d2 rgb(37,2,210)
```

Complementary Color

#d28d02
```
#d28d02 rgb(210,141,2)
```
#afd202
```
#afd202 rgb(175,210,2)
```
#47d202
```
#47d202 rgb(71,210,2)
```

Analogous Color

#8d02d2
```
#8d02d2 rgb(141,2,210)
```
#afd202
```
#afd202 rgb(175,210,2)
```
#0247d2
```
#0247d2 rgb(2,71,210)
```

Split Complementary Color

#d202af
```
#d202af rgb(210,2,175)
```
#afd202
```
#afd202 rgb(175,210,2)
```
#02afd2
```
#02afd2 rgb(2,175,210)
```

Triadic Color

#d22502
```
#d22502 rgb(210,37,2)
```
#afd202
```
#afd202 rgb(175,210,2)
```
#02afd2
```
#02afd2 rgb(2,175,210)
```
#2502d2
```
#2502d2 rgb(37,2,210)
```

Tetradic Color

#708601
```
#708601 rgb(112,134,1)
```
#859f02
```
#859f02 rgb(133,159,2)
```
#9ab902
```
#9ab902 rgb(154,185,2)
```
#afd202
```
#afd202 rgb(175,210,2)
```
#c4eb02
```
#c4eb02 rgb(196,235,2)
```
#d4fd0a
```
#d4fd0a rgb(212,253,10)
```
#d8fd24
```
#d8fd24 rgb(216,253,36)
```

Monochromatic Color

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

#d2c102
```
#d2c102 rgb(210,193,2)
```
#d2d202
```
#d2d202 rgb(210,210,2)
```
#c0d202
```
#c0d202 rgb(192,210,2)
```
#afd202
```
#afd202 rgb(175,210,2)
```
#9ed202
```
#9ed202 rgb(158,210,2)
```
#8cd202
```
#8cd202 rgb(140,210,2)
```
#7bd202
```
#7bd202 rgb(123,210,2)
```

Similar Colors

Text with hexadecimal color #afd202

This text has a font color of #afd202.

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

#afd202 background color

This paragraph has a background color of #afd202.

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

#afd202 border color

This element has a border color of #afd202.

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

CSS codes

.text {color:#afd202;}

.background {background-color:#afd202;}

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

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

#0d1000
```
#0d1000 rgb(13,16,0)
```
#1d2300
```
#1d2300 rgb(29,35,0)
```
#2d3701
```
#2d3701 rgb(45,55,1)
```
#3e4a01
```
#3e4a01 rgb(62,74,1)
```
#4e5d01
```
#4e5d01 rgb(78,93,1)
```
#5e7101
```
#5e7101 rgb(94,113,1)
```
#6e8401
```
#6e8401 rgb(110,132,1)
```
#7e9801
```
#7e9801 rgb(126,152,1)
```
#8fab02
```
#8fab02 rgb(143,171,2)
```
#9fbf02
```
#9fbf02 rgb(159,191,2)
```
#afd202
```
#afd202 rgb(175,210,2)
```
#bfe502
```
#bfe502 rgb(191,229,2)
```
#cff902
```
#cff902 rgb(207,249,2)
```

Shade Color Variation

#d5fd12
```
#d5fd12 rgb(213,253,18)
```
#d9fd26
```
#d9fd26 rgb(217,253,38)
```
#dcfd39
```
#dcfd39 rgb(220,253,57)
```
#e0fd4c
```
#e0fd4c rgb(224,253,76)
```
#e3fd60
```
#e3fd60 rgb(227,253,96)
```
#e6fe73
```
#e6fe73 rgb(230,254,115)
```
#eafe87
```
#eafe87 rgb(234,254,135)
```
#edfe9a
```
#edfe9a rgb(237,254,154)
```
#f1feae
```
#f1feae rgb(241,254,174)
```
#f4fec1
```
#f4fec1 rgb(244,254,193)
```
#f7ffd4
```
#f7ffd4 rgb(247,255,212)
```
#fbffe8
```
#fbffe8 rgb(251,255,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#6e7064
```
#6e7064 rgb(110,112,100)
```
#73785c
```
#73785c rgb(115,120,92)
```
#798054
```
#798054 rgb(121,128,84)
```
#7e894b
```
#7e894b rgb(126,137,75)
```
#849143
```
#849143 rgb(132,145,67)
```
#89993b
```
#89993b rgb(137,153,59)
```
#8fa133
```
#8fa133 rgb(143,161,51)
```
#94a92b
```
#94a92b rgb(148,169,43)
```
#99b123
```
#99b123 rgb(153,177,35)
```
#9fba1a
```
#9fba1a rgb(159,186,26)
```
#a4c212
```
#a4c212 rgb(164,194,18)
```
#aaca0a
```
#aaca0a rgb(170,202,10)
```
#afd202
```
#afd202 rgb(175,210,2)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b78d Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc700 Protanopia 1% of men
#f8bd2d Deuteranopia 1% of men
#c5c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb00 Protanomaly 1% of men, 0.01% of women
#ddc51d Deuteranomaly 6% of men, 0.4% of women
#bdca87 Tritanomaly 0.01% of the population

#afd202 hex color

#afd202 Color Information

#afd202 Color Conversion

Color Schemes with #afd202

Alternatives to #afd202

#afd202 Preview

Shades and Tints of #afd202

Tones of #afd202

Color Blindness Simulator