#afe71f hex color

In a RGB color space, hex #afe71f is composed of 68.6% red, 90.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 0% magenta, 86.6% yellow and 9.4% black. It has a hue angle of 76.8 degrees, a saturation of 80.6% and a lightness of 51.4%. #afe71f color hex could be obtained by blending #ffff3e with #5fcf00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 91
- B 12
RGB color chart
- C 24
- M 0
- Y 87
- K 9
CMYK color chart

● #afe71f color description : Vivid green.

The hexadecimal color #afe71f has RGB values of R:175, G:231, B:31 and CMYK values of C:0.24, M:0, Y:0.87, K:0.09. Its decimal value is 11527967.

Hex triplet	afe71f	`#afe71f`
RGB Decimal	175, 231, 31	`rgb(175,231,31)`
RGB Percent	68.6, 90.6, 12.2	`rgb(68.6%,90.6%,12.2%)`
CMYK	24, 0, 87, 9
HSL	76.8°, 80.6, 51.4	`hsl(76.8,80.6%,51.4%)`
HSV (or HSB)	76.8°, 86.6, 90.6
Web Safe	99ff33	`#99ff33`

CIE-LAB	85.182, -42.142, 79.487
XYZ	46.502, 66.364, 11.656
xyY	0.373, 0.533, 66.364
CIE-LCH	85.182, 89.968, 117.931
CIE-LUV	85.182, -27.816, 95.536
Hunter-Lab	81.464, -40.669, 48.542
Binary	10101111, 11100111, 00011111

#afe71f
```
#afe71f rgb(175,231,31)
```
#571fe7
```
#571fe7 rgb(87,31,231)
```

Complementary Color

#e7bb1f
```
#e7bb1f rgb(231,187,31)
```
#afe71f
```
#afe71f rgb(175,231,31)
```
#4be71f
```
#4be71f rgb(75,231,31)
```

Analogous Color

#bb1fe7
```
#bb1fe7 rgb(187,31,231)
```
#afe71f
```
#afe71f rgb(175,231,31)
```
#1f4be7
```
#1f4be7 rgb(31,75,231)
```

Split Complementary Color

#e71faf
```
#e71faf rgb(231,31,175)
```
#afe71f
```
#afe71f rgb(175,231,31)
```
#1fafe7
```
#1fafe7 rgb(31,175,231)
```

Triadic Color

#e7571f
```
#e7571f rgb(231,87,31)
```
#afe71f
```
#afe71f rgb(175,231,31)
```
#1fafe7
```
#1fafe7 rgb(31,175,231)
```
#571fe7
```
#571fe7 rgb(87,31,231)
```

Tetradic Color

#7ea812
```
#7ea812 rgb(126,168,18)
```
#8fbf14
```
#8fbf14 rgb(143,191,20)
```
#a0d617
```
#a0d617 rgb(160,214,23)
```
#afe71f
```
#afe71f rgb(175,231,31)
```
#b7e936
```
#b7e936 rgb(183,233,54)
```
#bfec4d
```
#bfec4d rgb(191,236,77)
```
#c8ee64
```
#c8ee64 rgb(200,238,100)
```

Monochromatic Color

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

#e1e71f
```
#e1e71f rgb(225,231,31)
```
#d0e71f
```
#d0e71f rgb(208,231,31)
```
#c0e71f
```
#c0e71f rgb(192,231,31)
```
#afe71f
```
#afe71f rgb(175,231,31)
```
#9ee71f
```
#9ee71f rgb(158,231,31)
```
#8ee71f
```
#8ee71f rgb(142,231,31)
```
#7de71f
```
#7de71f rgb(125,231,31)
```

Similar Colors

Text with hexadecimal color #afe71f

This text has a font color of #afe71f.

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

#afe71f background color

This paragraph has a background color of #afe71f.

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

#afe71f border color

This element has a border color of #afe71f.

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

CSS codes

.text {color:#afe71f;}

.background {background-color:#afe71f;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#121803
```
#121803 rgb(18,24,3)
```
#1f2a04
```
#1f2a04 rgb(31,42,4)
```
#2d3b06
```
#2d3b06 rgb(45,59,6)
```
#3a4d08
```
#3a4d08 rgb(58,77,8)
```
#475f0a
```
#475f0a rgb(71,95,10)
```
#54710c
```
#54710c rgb(84,113,12)
```
#62820e
```
#62820e rgb(98,130,14)
```
#6f9410
```
#6f9410 rgb(111,148,16)
```
#7ca612
```
#7ca612 rgb(124,166,18)
```
#8ab714
```
#8ab714 rgb(138,183,20)
```
#97c916
```
#97c916 rgb(151,201,22)
```
#a4db17
```
#a4db17 rgb(164,219,23)
```

Shade Color Variation

#afe71f
```
#afe71f rgb(175,231,31)
```
#b5e931
```
#b5e931 rgb(181,233,49)
```
#bceb42
```
#bceb42 rgb(188,235,66)
```
#c2ed54
```
#c2ed54 rgb(194,237,84)
```
#c8ef66
```
#c8ef66 rgb(200,239,102)
```
#cff078
```
#cff078 rgb(207,240,120)
```
#d5f289
```
#d5f289 rgb(213,242,137)
```
#dbf49b
```
#dbf49b rgb(219,244,155)
```
#e2f6ad
```
#e2f6ad rgb(226,246,173)
```
#e8f8be
```
#e8f8be rgb(232,248,190)
```
#eefad0
```
#eefad0 rgb(238,250,208)
```
#f5fce2
```
#f5fce2 rgb(245,252,226)
```
#fbfef4
```
#fbfef4 rgb(251,254,244)
```

Tint Color Variation

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

#85887e
```
#85887e rgb(133,136,126)
```
#899175
```
#899175 rgb(137,145,117)
```
#8d9b6b
```
#8d9b6b rgb(141,155,107)
```
#92a462
```
#92a462 rgb(146,164,98)
```
#96ae58
```
#96ae58 rgb(150,174,88)
```
#9ab74f
```
#9ab74f rgb(154,183,79)
```
#9ec145
```
#9ec145 rgb(158,193,69)
```
#a2ca3c
```
#a2ca3c rgb(162,202,60)
```
#a7d432
```
#a7d432 rgb(167,212,50)
```
#abdd29
```
#abdd29 rgb(171,221,41)
```
#afe71f
```
#afe71f rgb(175,231,31)
```
#b3f115
```
#b3f115 rgb(179,241,21)
```
#b7fa0c
```
#b7fa0c rgb(183,250,12)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d725 Protanopia 1% of men
#ffcf82 Deuteranopia 1% of men
#c9d8e8 Tritanopia 0.001% of the population

Trichromacy

#d9dd23 Protanomaly 1% of men, 0.01% of women
#e1d85e Deuteranomaly 6% of men, 0.4% of women
#bfde9f Tritanomaly 0.01% of the population

#afe71f hex color

#afe71f Color Information

#afe71f Color Conversion

Color Schemes with #afe71f

Alternatives to #afe71f

#afe71f Preview

Shades and Tints of #afe71f

Tones of #afe71f

Color Blindness Simulator