#afd571 hex color

In a RGB color space, hex #afd571 is composed of 68.6% red, 83.5% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 46.9% yellow and 16.5% black. It has a hue angle of 82.8 degrees, a saturation of 54.3% and a lightness of 63.9%. #afd571 color hex could be obtained by blending #ffffe2 with #5fab00. Closest websafe color is: #99cc66.

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

● #afd571 color description : Slightly desaturated green.

The hexadecimal color #afd571 has RGB values of R:175, G:213, B:113 and CMYK values of C:0.18, M:0, Y:0.47, K:0.16. Its decimal value is 11523441.

Hex triplet	afd571	`#afd571`
RGB Decimal	175, 213, 113	`rgb(175,213,113)`
RGB Percent	68.6, 83.5, 44.3	`rgb(68.6%,83.5%,44.3%)`
CMYK	18, 0, 47, 16
HSL	82.8°, 54.3, 63.9	`hsl(82.8,54.3%,63.9%)`
HSV (or HSB)	82.8°, 46.9, 83.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.68, -28.611, 45.118
XYZ	44.453, 57.894, 24.455
xyY	0.351, 0.457, 57.894
CIE-LCH	80.68, 53.425, 122.38
CIE-LUV	80.68, -18.401, 62.916
Hunter-Lab	76.088, -28.869, 34.206
Binary	10101111, 11010101, 01110001

#afd571
```
#afd571 rgb(175,213,113)
```
#9771d5
```
#9771d5 rgb(151,113,213)
```

Complementary Color

#d5c971
```
#d5c971 rgb(213,201,113)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#7dd571
```
#7dd571 rgb(125,213,113)
```

Analogous Color

#c971d5
```
#c971d5 rgb(201,113,213)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#717dd5
```
#717dd5 rgb(113,125,213)
```

Split Complementary Color

#d571af
```
#d571af rgb(213,113,175)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#71afd5
```
#71afd5 rgb(113,175,213)
```

Triadic Color

#d59771
```
#d59771 rgb(213,151,113)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#71afd5
```
#71afd5 rgb(113,175,213)
```
#9771d5
```
#9771d5 rgb(151,113,213)
```

Tetradic Color

#8dc139
```
#8dc139 rgb(141,193,57)
```
#99c94a
```
#99c94a rgb(153,201,74)
```
#a4cf5d
```
#a4cf5d rgb(164,207,93)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#badb85
```
#badb85 rgb(186,219,133)
```
#c5e198
```
#c5e198 rgb(197,225,152)
```
#d0e6ac
```
#d0e6ac rgb(208,230,172)
```

Monochromatic Color

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

#c8d571
```
#c8d571 rgb(200,213,113)
```
#c0d571
```
#c0d571 rgb(192,213,113)
```
#b7d571
```
#b7d571 rgb(183,213,113)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#a7d571
```
#a7d571 rgb(167,213,113)
```
#9ed571
```
#9ed571 rgb(158,213,113)
```
#96d571
```
#96d571 rgb(150,213,113)
```

Similar Colors

Text with hexadecimal color #afd571

This text has a font color of #afd571.

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

#afd571 background color

This paragraph has a background color of #afd571.

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

#afd571 border color

This element has a border color of #afd571.

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

CSS codes

.text {color:#afd571;}

.background {background-color:#afd571;}

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

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

#070903
```
#070903 rgb(7,9,3)
```
#121907
```
#121907 rgb(18,25,7)
```
#1d280c
```
#1d280c rgb(29,40,12)
```
#283710
```
#283710 rgb(40,55,16)
```
#334615
```
#334615 rgb(51,70,21)
```
#3e5519
```
#3e5519 rgb(62,85,25)
```
#49641e
```
#49641e rgb(73,100,30)
```
#547322
```
#547322 rgb(84,115,34)
```
#608227
```
#608227 rgb(96,130,39)
```
#6b922b
```
#6b922b rgb(107,146,43)
```
#76a130
```
#76a130 rgb(118,161,48)
```
#81b034
```
#81b034 rgb(129,176,52)
```
#8cbf39
```
#8cbf39 rgb(140,191,57)
```

Shade Color Variation

#95c844
```
#95c844 rgb(149,200,68)
```
#9ecc53
```
#9ecc53 rgb(158,204,83)
```
#a6d162
```
#a6d162 rgb(166,209,98)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#b8d980
```
#b8d980 rgb(184,217,128)
```
#c0de8f
```
#c0de8f rgb(192,222,143)
```
#c9e29e
```
#c9e29e rgb(201,226,158)
```
#d1e7ae
```
#d1e7ae rgb(209,231,174)
```
#daebbd
```
#daebbd rgb(218,235,189)
```
#e2f0cc
```
#e2f0cc rgb(226,240,204)
```
#ebf4db
```
#ebf4db rgb(235,244,219)
```
#f3f9ea
```
#f3f9ea rgb(243,249,234)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#a5ab9b
```
#a5ab9b rgb(165,171,155)
```
#a7b294
```
#a7b294 rgb(167,178,148)
```
#a8b98d
```
#a8b98d rgb(168,185,141)
```
#aac086
```
#aac086 rgb(170,192,134)
```
#acc77f
```
#acc77f rgb(172,199,127)
```
#adce78
```
#adce78 rgb(173,206,120)
```
#afd571
```
#afd571 rgb(175,213,113)
```
#b1dc6a
```
#b1dc6a rgb(177,220,106)
```
#b2e363
```
#b2e363 rgb(178,227,99)
```
#b4ea5c
```
#b4ea5c rgb(180,234,92)
```
#b6f155
```
#b6f155 rgb(182,241,85)
```
#b7f84e
```
#b7f84e rgb(183,248,78)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbc3af Atypical Achromatopsia 0.001% of the population

Dichromacy

#decb74 Protanopia 1% of men
#f4c27f Deuteranopia 1% of men
#c2cbda Tritanopia 0.001% of the population

Trichromacy

#cdce73 Protanomaly 1% of men, 0.01% of women
#dbc97a Deuteranomaly 6% of men, 0.4% of women
#bbcfb4 Tritanomaly 0.01% of the population

#afd571 hex color

#afd571 Color Information

#afd571 Color Conversion

Color Schemes with #afd571

Alternatives to #afd571

#afd571 Preview

Shades and Tints of #afd571

Tones of #afd571

Color Blindness Simulator