#afd517 hex color

In a RGB color space, hex #afd517 is composed of 68.6% red, 83.5% green and 9% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 89.2% yellow and 16.5% black. It has a hue angle of 72 degrees, a saturation of 80.5% and a lightness of 46.3%. #afd517 color hex could be obtained by blending #ffff2e with #5fab00. Closest websafe color is: #99cc00.

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

● #afd517 color description : Strong yellow.

The hexadecimal color #afd517 has RGB values of R:175, G:213, B:23 and CMYK values of C:0.18, M:0, Y:0.89, K:0.16. Its decimal value is 11523351.

Hex triplet	afd517	`#afd517`
RGB Decimal	175, 213, 23	`rgb(175,213,23)`
RGB Percent	68.6, 83.5, 9	`rgb(68.6%,83.5%,9%)`
CMYK	18, 0, 89, 16
HSL	72°, 80.5, 46.3	`hsl(72,80.5%,46.3%)`
HSV (or HSB)	72°, 89.2, 83.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.047, -34.285, 76.662
XYZ	41.628, 56.764, 9.574
xyY	0.386, 0.526, 56.764
CIE-LCH	80.047, 83.979, 114.095
CIE-LUV	80.047, -17.904, 89.36
Hunter-Lab	75.342, -33.224, 45.205
Binary	10101111, 11010101, 00010111

#afd517
```
#afd517 rgb(175,213,23)
```
#3d17d5
```
#3d17d5 rgb(61,23,213)
```

Complementary Color

#d59c17
```
#d59c17 rgb(213,156,23)
```
#afd517
```
#afd517 rgb(175,213,23)
```
#50d517
```
#50d517 rgb(80,213,23)
```

Analogous Color

#9c17d5
```
#9c17d5 rgb(156,23,213)
```
#afd517
```
#afd517 rgb(175,213,23)
```
#1750d5
```
#1750d5 rgb(23,80,213)
```

Split Complementary Color

#d517af
```
#d517af rgb(213,23,175)
```
#afd517
```
#afd517 rgb(175,213,23)
```
#17afd5
```
#17afd5 rgb(23,175,213)
```

Triadic Color

#d53d17
```
#d53d17 rgb(213,61,23)
```
#afd517
```
#afd517 rgb(175,213,23)
```
#17afd5
```
#17afd5 rgb(23,175,213)
```
#3d17d5
```
#3d17d5 rgb(61,23,213)
```

Tetradic Color

#769010
```
#769010 rgb(118,144,16)
```
#89a712
```
#89a712 rgb(137,167,18)
```
#9cbe15
```
#9cbe15 rgb(156,190,21)
```
#afd517
```
#afd517 rgb(175,213,23)
```
#bfe71f
```
#bfe71f rgb(191,231,31)
```
#c5e936
```
#c5e936 rgb(197,233,54)
```
#ccec4d
```
#ccec4d rgb(204,236,77)
```

Monochromatic Color

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

#d5cc17
```
#d5cc17 rgb(213,204,23)
```
#cfd517
```
#cfd517 rgb(207,213,23)
```
#bfd517
```
#bfd517 rgb(191,213,23)
```
#afd517
```
#afd517 rgb(175,213,23)
```
#9fd517
```
#9fd517 rgb(159,213,23)
```
#8fd517
```
#8fd517 rgb(143,213,23)
```
#80d517
```
#80d517 rgb(128,213,23)
```

Similar Colors

Text with hexadecimal color #afd517

This text has a font color of #afd517.

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

#afd517 background color

This paragraph has a background color of #afd517.

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

#afd517 border color

This element has a border color of #afd517.

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

CSS codes

.text {color:#afd517;}

.background {background-color:#afd517;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0f1202
```
#0f1202 rgb(15,18,2)
```
#1e2404
```
#1e2404 rgb(30,36,4)
```
#2c3606
```
#2c3606 rgb(44,54,6)
```
#3b4708
```
#3b4708 rgb(59,71,8)
```
#49590a
```
#49590a rgb(73,89,10)
```
#586b0c
```
#586b0c rgb(88,107,12)
```
#667c0d
```
#667c0d rgb(102,124,13)
```
#758e0f
```
#758e0f rgb(117,142,15)
```
#83a011
```
#83a011 rgb(131,160,17)
```
#92b213
```
#92b213 rgb(146,178,19)
```
#a0c315
```
#a0c315 rgb(160,195,21)
```
#afd517
```
#afd517 rgb(175,213,23)
```

Shade Color Variation

#bde619
```
#bde619 rgb(189,230,25)
```
#c2e82b
```
#c2e82b rgb(194,232,43)
```
#c7ea3d
```
#c7ea3d rgb(199,234,61)
```
#ccec4f
```
#ccec4f rgb(204,236,79)
```
#d2ee60
```
#d2ee60 rgb(210,238,96)
```
#d7f072
```
#d7f072 rgb(215,240,114)
```
#dcf284
```
#dcf284 rgb(220,242,132)
```
#e1f495
```
#e1f495 rgb(225,244,149)
```
#e6f6a7
```
#e6f6a7 rgb(230,246,167)
```
#ebf7b9
```
#ebf7b9 rgb(235,247,185)
```
#f0f9ca
```
#f0f9ca rgb(240,249,202)
```
#f5fbdc
```
#f5fbdc rgb(245,251,220)
```
#fafdee
```
#fafdee rgb(250,253,238)
```

Tint Color Variation

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

#797a72
```
#797a72 rgb(121,122,114)
```
#7e8369
```
#7e8369 rgb(126,131,105)
```
#838c60
```
#838c60 rgb(131,140,96)
```
#899557
```
#899557 rgb(137,149,87)
```
#8e9f4d
```
#8e9f4d rgb(142,159,77)
```
#94a844
```
#94a844 rgb(148,168,68)
```
#99b13b
```
#99b13b rgb(153,177,59)
```
#9fba32
```
#9fba32 rgb(159,186,50)
```
#a4c329
```
#a4c329 rgb(164,195,41)
```
#aacc20
```
#aacc20 rgb(170,204,32)
```
#afd517
```
#afd517 rgb(175,213,23)
```
#b4de0e
```
#b4de0e rgb(180,222,14)
```
#bae705
```
#bae705 rgb(186,231,5)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3bb95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c91e Protanopia 1% of men
#fabf36 Deuteranopia 1% of men
#c5c8d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd1b Protanomaly 1% of men, 0.01% of women
#dfc72b Deuteranomaly 6% of men, 0.4% of women
#bdcd91 Tritanomaly 0.01% of the population

#afd517 hex color

#afd517 Color Information

#afd517 Color Conversion

Color Schemes with #afd517

Alternatives to #afd517

#afd517 Preview

Shades and Tints of #afd517

Tones of #afd517

Color Blindness Simulator