#afd525 hex color

In a RGB color space, hex #afd525 is composed of 68.6% red, 83.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 82.6% yellow and 16.5% black. It has a hue angle of 73 degrees, a saturation of 70.4% and a lightness of 49%. #afd525 color hex could be obtained by blending #ffff4a with #5fab00. Closest websafe color is: #99cc33.

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

● #afd525 color description : Strong yellow.

The hexadecimal color #afd525 has RGB values of R:175, G:213, B:37 and CMYK values of C:0.18, M:0, Y:0.83, K:0.16. Its decimal value is 11523365.

Hex triplet	afd525	`#afd525`
RGB Decimal	175, 213, 37	`rgb(175,213,37)`
RGB Percent	68.6, 83.5, 14.5	`rgb(68.6%,83.5%,14.5%)`
CMYK	18, 0, 83, 16
HSL	73°, 70.4, 49	`hsl(73,70.4%,49%)`
HSV (or HSB)	73°, 82.6, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.087, -33.915, 73.9
XYZ	41.807, 56.836, 10.518
xyY	0.383, 0.521, 56.836
CIE-LCH	80.087, 81.311, 114.652
CIE-LUV	80.087, -17.936, 87.584
Hunter-Lab	75.389, -32.945, 44.501
Binary	10101111, 11010101, 00100101

#afd525
```
#afd525 rgb(175,213,37)
```
#4b25d5
```
#4b25d5 rgb(75,37,213)
```

Complementary Color

#d5a325
```
#d5a325 rgb(213,163,37)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#57d525
```
#57d525 rgb(87,213,37)
```

Analogous Color

#a325d5
```
#a325d5 rgb(163,37,213)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#2557d5
```
#2557d5 rgb(37,87,213)
```

Split Complementary Color

#d525af
```
#d525af rgb(213,37,175)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#25afd5
```
#25afd5 rgb(37,175,213)
```

Triadic Color

#d54b25
```
#d54b25 rgb(213,75,37)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#25afd5
```
#25afd5 rgb(37,175,213)
```
#4b25d5
```
#4b25d5 rgb(75,37,213)
```

Tetradic Color

#79941a
```
#79941a rgb(121,148,26)
```
#8baa1d
```
#8baa1d rgb(139,170,29)
```
#9dbf21
```
#9dbf21 rgb(157,191,33)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#b9dc37
```
#b9dc37 rgb(185,220,55)
```
#c0e04d
```
#c0e04d rgb(192,224,77)
```
#c8e463
```
#c8e463 rgb(200,228,99)
```

Monochromatic Color

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

#d5cf25
```
#d5cf25 rgb(213,207,37)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#bed525
```
#bed525 rgb(190,213,37)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#a0d525
```
#a0d525 rgb(160,213,37)
```
#92d525
```
#92d525 rgb(146,213,37)
```
#83d525
```
#83d525 rgb(131,213,37)
```

Similar Colors

Text with hexadecimal color #afd525

This text has a font color of #afd525.

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

#afd525 background color

This paragraph has a background color of #afd525.

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

#afd525 border color

This element has a border color of #afd525.

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

CSS codes

.text {color:#afd525;}

.background {background-color:#afd525;}

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

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

#0a0c02
```
#0a0c02 rgb(10,12,2)
```
#181d05
```
#181d05 rgb(24,29,5)
```
#262e08
```
#262e08 rgb(38,46,8)
```
#333f0b
```
#333f0b rgb(51,63,11)
```
#414f0e
```
#414f0e rgb(65,79,14)
```
#4f6011
```
#4f6011 rgb(79,96,17)
```
#5d7114
```
#5d7114 rgb(93,113,20)
```
#6a8116
```
#6a8116 rgb(106,129,22)
```
#789219
```
#789219 rgb(120,146,25)
```
#86a31c
```
#86a31c rgb(134,163,28)
```
#94b41f
```
#94b41f rgb(148,180,31)
```
#a1c422
```
#a1c422 rgb(161,196,34)
```
#afd525
```
#afd525 rgb(175,213,37)
```

Shade Color Variation

#b7db32
```
#b7db32 rgb(183,219,50)
```
#bdde43
```
#bdde43 rgb(189,222,67)
```
#c3e154
```
#c3e154 rgb(195,225,84)
```
#c9e464
```
#c9e464 rgb(201,228,100)
```
#cee775
```
#cee775 rgb(206,231,117)
```
#d4ea86
```
#d4ea86 rgb(212,234,134)
```
#daed96
```
#daed96 rgb(218,237,150)
```
#e0f0a7
```
#e0f0a7 rgb(224,240,167)
```
#e6f3b8
```
#e6f3b8 rgb(230,243,184)
```
#ecf6c9
```
#ecf6c9 rgb(236,246,201)
```
#f2f8d9
```
#f2f8d9 rgb(242,248,217)
```
#f8fbea
```
#f8fbea rgb(248,251,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#7e7e7c
```
#7e7e7c rgb(126,126,124)
```
#838872
```
#838872 rgb(131,136,114)
```
#899268
```
#899268 rgb(137,146,104)
```
#8e9b5f
```
#8e9b5f rgb(142,155,95)
```
#94a555
```
#94a555 rgb(148,165,85)
```
#99af4b
```
#99af4b rgb(153,175,75)
```
#9fb842
```
#9fb842 rgb(159,184,66)
```
#a4c238
```
#a4c238 rgb(164,194,56)
```
#aacb2f
```
#aacb2f rgb(170,203,47)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#b4df1b
```
#b4df1b rgb(180,223,27)
```
#bae812
```
#bae812 rgb(186,232,18)
```
#bff208
```
#bff208 rgb(191,242,8)
```

Tone Color Variation

Below, you can see how #afd525 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
#b5bc99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c92c Protanopia 1% of men
#fac03f Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd29 Protanomaly 1% of men, 0.01% of women
#dfc735 Deuteranomaly 6% of men, 0.4% of women
#bdcd96 Tritanomaly 0.01% of the population

#afd525 hex color

#afd525 Color Information

#afd525 Color Conversion

Color Schemes with #afd525

Alternatives to #afd525

#afd525 Preview

Shades and Tints of #afd525

Tones of #afd525

Color Blindness Simulator