#afd521 hex color

In a RGB color space, hex #afd521 is composed of 68.6% red, 83.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 84.5% yellow and 16.5% black. It has a hue angle of 72.7 degrees, a saturation of 73.2% and a lightness of 48.2%. #afd521 color hex could be obtained by blending #ffff42 with #5fab00. Closest websafe color is: #99cc33.

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

● #afd521 color description : Strong yellow.

The hexadecimal color #afd521 has RGB values of R:175, G:213, B:33 and CMYK values of C:0.18, M:0, Y:0.85, K:0.16. Its decimal value is 11523361.

Hex triplet	afd521	`#afd521`
RGB Decimal	175, 213, 33	`rgb(175,213,33)`
RGB Percent	68.6, 83.5, 12.9	`rgb(68.6%,83.5%,12.9%)`
CMYK	18, 0, 85, 16
HSL	72.7°, 73.2, 48.2	`hsl(72.7,73.2%,48.2%)`
HSV (or HSB)	72.7°, 84.5, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.074, -34.037, 74.796
XYZ	41.748, 56.812, 10.205
xyY	0.384, 0.522, 56.812
CIE-LCH	80.074, 82.176, 114.469
CIE-LUV	80.074, -17.926, 88.171
Hunter-Lab	75.374, -33.037, 44.734
Binary	10101111, 11010101, 00100001

#afd521
```
#afd521 rgb(175,213,33)
```
#4721d5
```
#4721d5 rgb(71,33,213)
```

Complementary Color

#d5a121
```
#d5a121 rgb(213,161,33)
```
#afd521
```
#afd521 rgb(175,213,33)
```
#55d521
```
#55d521 rgb(85,213,33)
```

Analogous Color

#a121d5
```
#a121d5 rgb(161,33,213)
```
#afd521
```
#afd521 rgb(175,213,33)
```
#2155d5
```
#2155d5 rgb(33,85,213)
```

Split Complementary Color

#d521af
```
#d521af rgb(213,33,175)
```
#afd521
```
#afd521 rgb(175,213,33)
```
#21afd5
```
#21afd5 rgb(33,175,213)
```

Triadic Color

#d54721
```
#d54721 rgb(213,71,33)
```
#afd521
```
#afd521 rgb(175,213,33)
```
#21afd5
```
#21afd5 rgb(33,175,213)
```
#4721d5
```
#4721d5 rgb(71,33,213)
```

Tetradic Color

#799317
```
#799317 rgb(121,147,23)
```
#8ba91a
```
#8ba91a rgb(139,169,26)
```
#9dbf1e
```
#9dbf1e rgb(157,191,30)
```
#afd521
```
#afd521 rgb(175,213,33)
```
#badf30
```
#badf30 rgb(186,223,48)
```
#c2e247
```
#c2e247 rgb(194,226,71)
```
#c9e65d
```
#c9e65d rgb(201,230,93)
```

Monochromatic Color

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

#d5ce21
```
#d5ce21 rgb(213,206,33)
```
#cdd521
```
#cdd521 rgb(205,213,33)
```
#bed521
```
#bed521 rgb(190,213,33)
```
#afd521
```
#afd521 rgb(175,213,33)
```
#a0d521
```
#a0d521 rgb(160,213,33)
```
#91d521
```
#91d521 rgb(145,213,33)
```
#82d521
```
#82d521 rgb(130,213,33)
```

Similar Colors

Text with hexadecimal color #afd521

This text has a font color of #afd521.

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

#afd521 background color

This paragraph has a background color of #afd521.

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

#afd521 border color

This element has a border color of #afd521.

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

CSS codes

.text {color:#afd521;}

.background {background-color:#afd521;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#161a04
```
#161a04 rgb(22,26,4)
```
#232b07
```
#232b07 rgb(35,43,7)
```
#313c09
```
#313c09 rgb(49,60,9)
```
#3f4d0c
```
#3f4d0c rgb(63,77,12)
```
#4d5e0f
```
#4d5e0f rgb(77,94,15)
```
#5b6f11
```
#5b6f11 rgb(91,111,17)
```
#698014
```
#698014 rgb(105,128,20)
```
#779116
```
#779116 rgb(119,145,22)
```
#85a219
```
#85a219 rgb(133,162,25)
```
#93b31c
```
#93b31c rgb(147,179,28)
```
#a1c41e
```
#a1c41e rgb(161,196,30)
```
#afd521
```
#afd521 rgb(175,213,33)
```

Shade Color Variation

#b8de2b
```
#b8de2b rgb(184,222,43)
```
#bee13c
```
#bee13c rgb(190,225,60)
```
#c4e34d
```
#c4e34d rgb(196,227,77)
```
#c9e65e
```
#c9e65e rgb(201,230,94)
```
#cfe96f
```
#cfe96f rgb(207,233,111)
```
#d5eb80
```
#d5eb80 rgb(213,235,128)
```
#daee91
```
#daee91 rgb(218,238,145)
```
#e0f1a2
```
#e0f1a2 rgb(224,241,162)
```
#e6f3b3
```
#e6f3b3 rgb(230,243,179)
```
#ebf6c4
```
#ebf6c4 rgb(235,246,196)
```
#f1f9d5
```
#f1f9d5 rgb(241,249,213)
```
#f7fbe6
```
#f7fbe6 rgb(247,251,230)
```
#fcfef7
```
#fcfef7 rgb(252,254,247)
```

Tint Color Variation

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

#7e8076
```
#7e8076 rgb(126,128,118)
```
#83896d
```
#83896d rgb(131,137,109)
```
#899363
```
#899363 rgb(137,147,99)
```
#8e9c5a
```
#8e9c5a rgb(142,156,90)
```
#94a650
```
#94a650 rgb(148,166,80)
```
#99af47
```
#99af47 rgb(153,175,71)
```
#9fb93d
```
#9fb93d rgb(159,185,61)
```
#a4c234
```
#a4c234 rgb(164,194,52)
```
#aacc2a
```
#aacc2a rgb(170,204,42)
```
#afd521
```
#afd521 rgb(175,213,33)
```
#b4de18
```
#b4de18 rgb(180,222,24)
```
#bae80e
```
#bae80e rgb(186,232,14)
```
#bff105
```
#bff105 rgb(191,241,5)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4bb97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c928 Protanopia 1% of men
#fabf3c Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd25 Protanomaly 1% of men, 0.01% of women
#dfc732 Deuteranomaly 6% of men, 0.4% of women
#bdcd95 Tritanomaly 0.01% of the population

#afd521 hex color

#afd521 Color Information

#afd521 Color Conversion

Color Schemes with #afd521

Alternatives to #afd521

#afd521 Preview

Shades and Tints of #afd521

Tones of #afd521

Color Blindness Simulator