colorhexa.com

#afd52e hex color

In a RGB color space, hex #afd52e is composed of 68.6% red, 83.5% green and 18% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 78.4% yellow and 16.5% black. It has a hue angle of 73.7 degrees, a saturation of 66.5% and a lightness of 50.8%. #afd52e color hex could be obtained by blending #ffff5c with #5fab00. Closest websafe color is: #99cc33.

- R 69
- G 84
- B 18
RGB color chart
- C 18
- M 0
- Y 78
- K 16
CMYK color chart

● #afd52e color description : Strong yellow.

The hexadecimal color #afd52e has RGB values of R:175, G:213, B:46 and CMYK values of C:0.18, M:0, Y:0.78, K:0.16. Its decimal value is 11523374.

Hex triplet	afd52e	`#afd52e`
RGB Decimal	175, 213, 46	`rgb(175,213,46)`
RGB Percent	68.6, 83.5, 18	`rgb(68.6%,83.5%,18%)`
CMYK	18, 0, 78, 16
HSL	73.7°, 66.5, 50.8	`hsl(73.7,66.5%,50.8%)`
HSV (or HSB)	73.7°, 78.4, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.123, -33.587, 71.586
XYZ	41.966, 56.899, 11.356
xyY	0.381, 0.516, 56.899
CIE-LCH	80.123, 79.073, 115.136
CIE-LUV	80.123, -17.966, 86.019
Hunter-Lab	75.432, -32.697, 43.876
Binary	10101111, 11010101, 00101110

#afd52e
```
#afd52e rgb(175,213,46)
```
#542ed5
```
#542ed5 rgb(84,46,213)
```

Complementary Color

#d5a82e
```
#d5a82e rgb(213,168,46)
```
#afd52e
```
#afd52e rgb(175,213,46)
```
#5cd52e
```
#5cd52e rgb(92,213,46)
```

Analogous Color

#a82ed5
```
#a82ed5 rgb(168,46,213)
```
#afd52e
```
#afd52e rgb(175,213,46)
```
#2e5cd5
```
#2e5cd5 rgb(46,92,213)
```

Split Complementary Color

#d52eaf
```
#d52eaf rgb(213,46,175)
```
#afd52e
```
#afd52e rgb(175,213,46)
```
#2eafd5
```
#2eafd5 rgb(46,175,213)
```

Triadic Color

#d5542e
```
#d5542e rgb(213,84,46)
```
#afd52e
```
#afd52e rgb(175,213,46)
```
#2eafd5
```
#2eafd5 rgb(46,175,213)
```
#542ed5
```
#542ed5 rgb(84,46,213)
```

Tetradic Color

#7c981f
```
#7c981f rgb(124,152,31)
```
#8ead23
```
#8ead23 rgb(142,173,35)
```
#9fc227
```
#9fc227 rgb(159,194,39)
```
#afd52e
```
#afd52e rgb(175,213,46)
```
#b7d943
```
#b7d943 rgb(183,217,67)
```
#bfde58
```
#bfde58 rgb(191,222,88)
```
#c7e26e
```
#c7e26e rgb(199,226,110)
```

Monochromatic Color

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

#d5d12e
```
#d5d12e rgb(213,209,46)
```
#cbd52e
```
#cbd52e rgb(203,213,46)
```
#bdd52e
```
#bdd52e rgb(189,213,46)
```
#afd52e
```
#afd52e rgb(175,213,46)
```
#a1d52e
```
#a1d52e rgb(161,213,46)
```
#93d52e
```
#93d52e rgb(147,213,46)
```
#85d52e
```
#85d52e rgb(133,213,46)
```

Similar Colors

Text with hexadecimal color #afd52e

This text has a font color of #afd52e.

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

#afd52e background color

This paragraph has a background color of #afd52e.

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

#afd52e border color

This element has a border color of #afd52e.

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

CSS codes

.text {color:#afd52e;}

.background {background-color:#afd52e;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101404
```
#101404 rgb(16,20,4)
```
#1d2407
```
#1d2407 rgb(29,36,7)
```
#2b340b
```
#2b340b rgb(43,52,11)
```
#38450e
```
#38450e rgb(56,69,14)
```
#465511
```
#465511 rgb(70,85,17)
```
#536514
```
#536514 rgb(83,101,20)
```
#607618
```
#607618 rgb(96,118,24)
```
#6e861b
```
#6e861b rgb(110,134,27)
```
#7b961e
```
#7b961e rgb(123,150,30)
```
#88a721
```
#88a721 rgb(136,167,33)
```
#96b725
```
#96b725 rgb(150,183,37)
```
#a3c728
```
#a3c728 rgb(163,199,40)
```

Shade Color Variation

#afd52e
```
#afd52e rgb(175,213,46)
```
#b5d83e
```
#b5d83e rgb(181,216,62)
```
#bcdc4f
```
#bcdc4f rgb(188,220,79)
```
#c2df5f
```
#c2df5f rgb(194,223,95)
```
#c8e26f
```
#c8e26f rgb(200,226,111)
```
#cee580
```
#cee580 rgb(206,229,128)
```
#d5e990
```
#d5e990 rgb(213,233,144)
```
#dbeca0
```
#dbeca0 rgb(219,236,160)
```
#e1efb1
```
#e1efb1 rgb(225,239,177)
```
#e7f3c1
```
#e7f3c1 rgb(231,243,193)
```
#eef6d1
```
#eef6d1 rgb(238,246,209)
```
#f4f9e2
```
#f4f9e2 rgb(244,249,226)
```
#fafcf2
```
#fafcf2 rgb(250,252,242)
```

Tint Color Variation

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

#85887b
```
#85887b rgb(133,136,123)
```
#8a9172
```
#8a9172 rgb(138,145,114)
```
#8f9b68
```
#8f9b68 rgb(143,155,104)
```
#95a55e
```
#95a55e rgb(149,165,94)
```
#9aae55
```
#9aae55 rgb(154,174,85)
```
#9fb84b
```
#9fb84b rgb(159,184,75)
```
#a4c241
```
#a4c241 rgb(164,194,65)
```
#aacb38
```
#aacb38 rgb(170,203,56)
```
#afd52e
```
#afd52e rgb(175,213,46)
```
#b4df24
```
#b4df24 rgb(180,223,36)
```
#bae81b
```
#bae81b rgb(186,232,27)
```
#bff211
```
#bff211 rgb(191,242,17)
```
#c4fc07
```
#c4fc07 rgb(196,252,7)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5bd9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca35 Protanopia 1% of men
#fac045 Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfce32 Protanomaly 1% of men, 0.01% of women
#dec73d Deuteranomaly 6% of men, 0.4% of women
#bdcd99 Tritanomaly 0.01% of the population