#afd602 hex color

In a RGB color space, hex #afd602 is composed of 68.6% red, 83.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 99.1% yellow and 16.1% black. It has a hue angle of 71 degrees, a saturation of 98.1% and a lightness of 42.4%. #afd602 color hex could be obtained by blending #ffff04 with #5fad00. Closest websafe color is: #99cc00.

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

● #afd602 color description : Strong yellow.

The hexadecimal color #afd602 has RGB values of R:175, G:214, B:2 and CMYK values of C:0.18, M:0, Y:0.99, K:0.16. Its decimal value is 11523586.

Hex triplet	afd602	`#afd602`
RGB Decimal	175, 214, 2	`rgb(175,214,2)`
RGB Percent	68.6, 83.9, 0.8	`rgb(68.6%,83.9%,0.8%)`
CMYK	18, 0, 99, 16
HSL	71°, 98.1, 42.4	`hsl(71,98.1%,42.4%)`
HSV (or HSB)	71°, 99.1, 83.9
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.298, -35.039, 79.229
XYZ	41.736, 57.211, 8.902
xyY	0.387, 0.53, 57.211
CIE-LCH	80.298, 86.631, 113.857
CIE-LUV	80.298, -18.447, 91.179
Hunter-Lab	75.638, -33.872, 45.969
Binary	10101111, 11010110, 00000010

#afd602
```
#afd602 rgb(175,214,2)
```
#2902d6
```
#2902d6 rgb(41,2,214)
```

Complementary Color

#d69302
```
#d69302 rgb(214,147,2)
```
#afd602
```
#afd602 rgb(175,214,2)
```
#45d602
```
#45d602 rgb(69,214,2)
```

Analogous Color

#9302d6
```
#9302d6 rgb(147,2,214)
```
#afd602
```
#afd602 rgb(175,214,2)
```
#0245d6
```
#0245d6 rgb(2,69,214)
```

Split Complementary Color

#d602af
```
#d602af rgb(214,2,175)
```
#afd602
```
#afd602 rgb(175,214,2)
```
#02afd6
```
#02afd6 rgb(2,175,214)
```

Triadic Color

#d62902
```
#d62902 rgb(214,41,2)
```
#afd602
```
#afd602 rgb(175,214,2)
```
#02afd6
```
#02afd6 rgb(2,175,214)
```
#2902d6
```
#2902d6 rgb(41,2,214)
```

Tetradic Color

#718a01
```
#718a01 rgb(113,138,1)
```
#86a302
```
#86a302 rgb(134,163,2)
```
#9abd02
```
#9abd02 rgb(154,189,2)
```
#afd602
```
#afd602 rgb(175,214,2)
```
#c4ef02
```
#c4ef02 rgb(196,239,2)
```
#d1fd0e
```
#d1fd0e rgb(209,253,14)
```
#d6fd28
```
#d6fd28 rgb(214,253,40)
```

Monochromatic Color

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

#d6c802
```
#d6c802 rgb(214,200,2)
```
#d2d602
```
#d2d602 rgb(210,214,2)
```
#c1d602
```
#c1d602 rgb(193,214,2)
```
#afd602
```
#afd602 rgb(175,214,2)
```
#9dd602
```
#9dd602 rgb(157,214,2)
```
#8cd602
```
#8cd602 rgb(140,214,2)
```
#7ad602
```
#7ad602 rgb(122,214,2)
```

Similar Colors

Text with hexadecimal color #afd602

This text has a font color of #afd602.

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

#afd602 background color

This paragraph has a background color of #afd602.

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

#afd602 border color

This element has a border color of #afd602.

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

CSS codes

.text {color:#afd602;}

.background {background-color:#afd602;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#101400
```
#101400 rgb(16,20,0)
```
#202700
```
#202700 rgb(32,39,0)
```
#303b01
```
#303b01 rgb(48,59,1)
```
#404e01
```
#404e01 rgb(64,78,1)
```
#506101
```
#506101 rgb(80,97,1)
```
#607501
```
#607501 rgb(96,117,1)
```
#6f8801
```
#6f8801 rgb(111,136,1)
```
#7f9c01
```
#7f9c01 rgb(127,156,1)
```
#8faf02
```
#8faf02 rgb(143,175,2)
```
#9fc302
```
#9fc302 rgb(159,195,2)
```
#afd602
```
#afd602 rgb(175,214,2)
```
#bfe902
```
#bfe902 rgb(191,233,2)
```

Shade Color Variation

#cffd03
```
#cffd03 rgb(207,253,3)
```
#d2fd16
```
#d2fd16 rgb(210,253,22)
```
#d6fd29
```
#d6fd29 rgb(214,253,41)
```
#dafd3d
```
#dafd3d rgb(218,253,61)
```
#defd50
```
#defd50 rgb(222,253,80)
```
#e1fe64
```
#e1fe64 rgb(225,254,100)
```
#e5fe77
```
#e5fe77 rgb(229,254,119)
```
#e9fe8b
```
#e9fe8b rgb(233,254,139)
```
#ecfe9e
```
#ecfe9e rgb(236,254,158)
```
#f0feb1
```
#f0feb1 rgb(240,254,177)
```
#f4fec5
```
#f4fec5 rgb(244,254,197)
```
#f8ffd8
```
#f8ffd8 rgb(248,255,216)
```
#fbffec
```
#fbffec rgb(251,255,236)
```

Tint Color Variation

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

#707266
```
#707266 rgb(112,114,102)
```
#757b5d
```
#757b5d rgb(117,123,93)
```
#7a8355
```
#7a8355 rgb(122,131,85)
```
#808b4d
```
#808b4d rgb(128,139,77)
```
#859444
```
#859444 rgb(133,148,68)
```
#8a9c3c
```
#8a9c3c rgb(138,156,60)
```
#8fa434
```
#8fa434 rgb(143,164,52)
```
#95ac2c
```
#95ac2c rgb(149,172,44)
```
#9ab523
```
#9ab523 rgb(154,181,35)
```
#9fbd1b
```
#9fbd1b rgb(159,189,27)
```
#a4c513
```
#a4c513 rgb(164,197,19)
```
#aace0a
```
#aace0a rgb(170,206,10)
```
#afd602
```
#afd602 rgb(175,214,2)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b98f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca00 Protanopia 1% of men
#fcc02e Deuteranopia 1% of men
#c6c9d8 Tritanopia 0.001% of the population

Trichromacy

#d0ce00 Protanomaly 1% of men, 0.01% of women
#e0c81e Deuteranomaly 6% of men, 0.4% of women
#bdce8a Tritanomaly 0.01% of the population

#afd602 hex color

#afd602 Color Information

#afd602 Color Conversion

Color Schemes with #afd602

Alternatives to #afd602

#afd602 Preview

Shades and Tints of #afd602

Tones of #afd602

Color Blindness Simulator