colorhexa.com

#afd371 hex color

In a RGB color space, hex #afd371 is composed of 68.6% red, 82.7% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 46.4% yellow and 17.3% black. It has a hue angle of 82 degrees, a saturation of 52.7% and a lightness of 63.5%. #afd371 color hex could be obtained by blending #ffffe2 with #5fa700. Closest websafe color is: #99cc66.

- R 69
- G 83
- B 44
RGB color chart
- C 17
- M 0
- Y 46
- K 17
CMYK color chart

● #afd371 color description : Slightly desaturated green.

The hexadecimal color #afd371 has RGB values of R:175, G:211, B:113 and CMYK values of C:0.17, M:0, Y:0.46, K:0.17. Its decimal value is 11522929.

Hex triplet	afd371	`#afd371`
RGB Decimal	175, 211, 113	`rgb(175,211,113)`
RGB Percent	68.6, 82.7, 44.3	`rgb(68.6%,82.7%,44.3%)`
CMYK	17, 0, 46, 17
HSL	82°, 52.7, 63.5	`hsl(82,52.7%,63.5%)`
HSV (or HSB)	82°, 46.4, 82.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.12, -27.658, 44.43
XYZ	43.953, 56.894, 24.288
xyY	0.351, 0.455, 56.894
CIE-LCH	80.12, 52.335, 121.903
CIE-LUV	80.12, -17.324, 61.892
Hunter-Lab	75.428, -27.985, 33.708
Binary	10101111, 11010011, 01110001

#afd371
```
#afd371 rgb(175,211,113)
```
#9571d3
```
#9571d3 rgb(149,113,211)
```

Complementary Color

#d3c671
```
#d3c671 rgb(211,198,113)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#7ed371
```
#7ed371 rgb(126,211,113)
```

Analogous Color

#c671d3
```
#c671d3 rgb(198,113,211)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#717ed3
```
#717ed3 rgb(113,126,211)
```

Split Complementary Color

#d371af
```
#d371af rgb(211,113,175)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#71afd3
```
#71afd3 rgb(113,175,211)
```

Triadic Color

#d39571
```
#d39571 rgb(211,149,113)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#71afd3
```
#71afd3 rgb(113,175,211)
```
#9571d3
```
#9571d3 rgb(149,113,211)
```

Tetradic Color

#8dbd3b
```
#8dbd3b rgb(141,189,59)
```
#99c74a
```
#99c74a rgb(153,199,74)
```
#a4cd5e
```
#a4cd5e rgb(164,205,94)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#bad984
```
#bad984 rgb(186,217,132)
```
#c5df98
```
#c5df98 rgb(197,223,152)
```
#d0e5ab
```
#d0e5ab rgb(208,229,171)
```

Monochromatic Color

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

#c8d371
```
#c8d371 rgb(200,211,113)
```
#bfd371
```
#bfd371 rgb(191,211,113)
```
#b7d371
```
#b7d371 rgb(183,211,113)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#a7d371
```
#a7d371 rgb(167,211,113)
```
#9fd371
```
#9fd371 rgb(159,211,113)
```
#97d371
```
#97d371 rgb(151,211,113)
```

Similar Colors

Text with hexadecimal color #afd371

This text has a font color of #afd371.

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

#afd371 background color

This paragraph has a background color of #afd371.

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

#afd371 border color

This element has a border color of #afd371.

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

CSS codes

.text {color:#afd371;}

.background {background-color:#afd371;}

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

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

#060802
```
#060802 rgb(6,8,2)
```
#111707
```
#111707 rgb(17,23,7)
```
#1c260c
```
#1c260c rgb(28,38,12)
```
#273510
```
#273510 rgb(39,53,16)
```
#334415
```
#334415 rgb(51,68,21)
```
#3e531a
```
#3e531a rgb(62,83,26)
```
#49621e
```
#49621e rgb(73,98,30)
```
#547123
```
#547123 rgb(84,113,35)
```
#5f8028
```
#5f8028 rgb(95,128,40)
```
#6a8f2c
```
#6a8f2c rgb(106,143,44)
```
#769e31
```
#769e31 rgb(118,158,49)
```
#81ac35
```
#81ac35 rgb(129,172,53)
```
#8cbb3a
```
#8cbb3a rgb(140,187,58)
```

Shade Color Variation

#96c544
```
#96c544 rgb(150,197,68)
```
#9eca53
```
#9eca53 rgb(158,202,83)
```
#a7ce62
```
#a7ce62 rgb(167,206,98)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#b7d880
```
#b7d880 rgb(183,216,128)
```
#c0dc8f
```
#c0dc8f rgb(192,220,143)
```
#c8e19e
```
#c8e19e rgb(200,225,158)
```
#d1e6ad
```
#d1e6ad rgb(209,230,173)
```
#d9eabc
```
#d9eabc rgb(217,234,188)
```
#e2efcb
```
#e2efcb rgb(226,239,203)
```
#eaf3da
```
#eaf3da rgb(234,243,218)
```
#f2f8e9
```
#f2f8e9 rgb(242,248,233)
```
#fbfdf8
```
#fbfdf8 rgb(251,253,248)
```

Tint Color Variation

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

#a4a89c
```
#a4a89c rgb(164,168,156)
```
#a6af95
```
#a6af95 rgb(166,175,149)
```
#a7b68e
```
#a7b68e rgb(167,182,142)
```
#a9be86
```
#a9be86 rgb(169,190,134)
```
#abc57f
```
#abc57f rgb(171,197,127)
```
#adcc78
```
#adcc78 rgb(173,204,120)
```
#afd371
```
#afd371 rgb(175,211,113)
```
#b1da6a
```
#b1da6a rgb(177,218,106)
```
#b3e163
```
#b3e163 rgb(179,225,99)
```
#b5e85c
```
#b5e85c rgb(181,232,92)
```
#b7f054
```
#b7f054 rgb(183,240,84)
```
#b8f74d
```
#b8f74d rgb(184,247,77)
```
#bafe46
```
#bafe46 rgb(186,254,70)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc974 Protanopia 1% of men
#f2c17f Deuteranopia 1% of men
#c1cad8 Tritanopia 0.001% of the population

Trichromacy

#cccd73 Protanomaly 1% of men, 0.01% of women
#d9c77a Deuteranomaly 6% of men, 0.4% of women
#bbcdb2 Tritanomaly 0.01% of the population