#afd529 hex color

In a RGB color space, hex #afd529 is composed of 68.6% red, 83.5% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 80.8% yellow and 16.5% black. It has a hue angle of 73.3 degrees, a saturation of 67.7% and a lightness of 49.8%. #afd529 color hex could be obtained by blending #ffff52 with #5fab00. Closest websafe color is: #99cc33.

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

● #afd529 color description : Strong yellow.

The hexadecimal color #afd529 has RGB values of R:175, G:213, B:41 and CMYK values of C:0.18, M:0, Y:0.81, K:0.16. Its decimal value is 11523369.

Hex triplet	afd529	`#afd529`
RGB Decimal	175, 213, 41	`rgb(175,213,41)`
RGB Percent	68.6, 83.5, 16.1	`rgb(68.6%,83.5%,16.1%)`
CMYK	18, 0, 81, 16
HSL	73.3°, 67.7, 49.8	`hsl(73.3,67.7%,49.8%)`
HSV (or HSB)	73.3°, 80.8, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.102, -33.778, 72.921
XYZ	41.873, 56.862, 10.867
xyY	0.382, 0.519, 56.862
CIE-LCH	80.102, 80.365, 114.854
CIE-LUV	80.102, -17.949, 86.931
Hunter-Lab	75.407, -32.842, 44.24
Binary	10101111, 11010101, 00101001

#afd529
```
#afd529 rgb(175,213,41)
```
#4f29d5
```
#4f29d5 rgb(79,41,213)
```

Complementary Color

#d5a529
```
#d5a529 rgb(213,165,41)
```
#afd529
```
#afd529 rgb(175,213,41)
```
#59d529
```
#59d529 rgb(89,213,41)
```

Analogous Color

#a529d5
```
#a529d5 rgb(165,41,213)
```
#afd529
```
#afd529 rgb(175,213,41)
```
#2959d5
```
#2959d5 rgb(41,89,213)
```

Split Complementary Color

#d529af
```
#d529af rgb(213,41,175)
```
#afd529
```
#afd529 rgb(175,213,41)
```
#29afd5
```
#29afd5 rgb(41,175,213)
```

Triadic Color

#d54f29
```
#d54f29 rgb(213,79,41)
```
#afd529
```
#afd529 rgb(175,213,41)
```
#29afd5
```
#29afd5 rgb(41,175,213)
```
#4f29d5
```
#4f29d5 rgb(79,41,213)
```

Tetradic Color

#7a951d
```
#7a951d rgb(122,149,29)
```
#8caa21
```
#8caa21 rgb(140,170,33)
```
#9dc025
```
#9dc025 rgb(157,192,37)
```
#afd529
```
#afd529 rgb(175,213,41)
```
#b7da3e
```
#b7da3e rgb(183,218,62)
```
#bfde53
```
#bfde53 rgb(191,222,83)
```
#c7e268
```
#c7e268 rgb(199,226,104)
```

Monochromatic Color

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

#d5d029
```
#d5d029 rgb(213,208,41)
```
#ccd529
```
#ccd529 rgb(204,213,41)
```
#bdd529
```
#bdd529 rgb(189,213,41)
```
#afd529
```
#afd529 rgb(175,213,41)
```
#a1d529
```
#a1d529 rgb(161,213,41)
```
#92d529
```
#92d529 rgb(146,213,41)
```
#84d529
```
#84d529 rgb(132,213,41)
```

Similar Colors

Text with hexadecimal color #afd529

This text has a font color of #afd529.

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

#afd529 background color

This paragraph has a background color of #afd529.

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

#afd529 border color

This element has a border color of #afd529.

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

CSS codes

.text {color:#afd529;}

.background {background-color:#afd529;}

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

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

#0d1003
```
#0d1003 rgb(13,16,3)
```
#1a2006
```
#1a2006 rgb(26,32,6)
```
#283109
```
#283109 rgb(40,49,9)
```
#35410d
```
#35410d rgb(53,65,13)
```
#435110
```
#435110 rgb(67,81,16)
```
#506213
```
#506213 rgb(80,98,19)
```
#5e7216
```
#5e7216 rgb(94,114,22)
```
#6b8319
```
#6b8319 rgb(107,131,25)
```
#79931c
```
#79931c rgb(121,147,28)
```
#86a420
```
#86a420 rgb(134,164,32)
```
#94b423
```
#94b423 rgb(148,180,35)
```
#a1c526
```
#a1c526 rgb(161,197,38)
```
#afd529
```
#afd529 rgb(175,213,41)
```

Shade Color Variation

#b5d939
```
#b5d939 rgb(181,217,57)
```
#bcdc49
```
#bcdc49 rgb(188,220,73)
```
#c2df5a
```
#c2df5a rgb(194,223,90)
```
#c8e26a
```
#c8e26a rgb(200,226,106)
```
#cee67b
```
#cee67b rgb(206,230,123)
```
#d4e98b
```
#d4e98b rgb(212,233,139)
```
#daec9b
```
#daec9b rgb(218,236,155)
```
#e0efac
```
#e0efac rgb(224,239,172)
```
#e6f2bc
```
#e6f2bc rgb(230,242,188)
```
#ecf5cd
```
#ecf5cd rgb(236,245,205)
```
#f2f9dd
```
#f2f9dd rgb(242,249,221)
```
#f9fcee
```
#f9fcee rgb(249,252,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#838777
```
#838777 rgb(131,135,119)
```
#89916d
```
#89916d rgb(137,145,109)
```
#8e9a64
```
#8e9a64 rgb(142,154,100)
```
#94a45a
```
#94a45a rgb(148,164,90)
```
#99ae50
```
#99ae50 rgb(153,174,80)
```
#9fb846
```
#9fb846 rgb(159,184,70)
```
#a4c13d
```
#a4c13d rgb(164,193,61)
```
#aacb33
```
#aacb33 rgb(170,203,51)
```
#afd529
```
#afd529 rgb(175,213,41)
```
#b4df1f
```
#b4df1f rgb(180,223,31)
```
#bae915
```
#bae915 rgb(186,233,21)
```
#bff20c
```
#bff20c rgb(191,242,12)
```
#c5fc02
```
#c5fc02 rgb(197,252,2)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5bc9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c930 Protanopia 1% of men
#fac042 Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd2d Protanomaly 1% of men, 0.01% of women
#dec738 Deuteranomaly 6% of men, 0.4% of women
#bdcd98 Tritanomaly 0.01% of the population

#afd529 hex color

#afd529 Color Information

#afd529 Color Conversion

Color Schemes with #afd529

Alternatives to #afd529

#afd529 Preview

Shades and Tints of #afd529

Tones of #afd529

Color Blindness Simulator