#afe86e hex color

In a RGB color space, hex #afe86e is composed of 68.6% red, 91% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 52.6% yellow and 9% black. It has a hue angle of 88 degrees, a saturation of 72.6% and a lightness of 67.1%. #afe86e color hex could be obtained by blending #ffffdc with #5fd100. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 91
- B 43
RGB color chart
- C 25
- M 0
- Y 53
- K 9
CMYK color chart

● #afe86e color description : Soft green.

The hexadecimal color #afe86e has RGB values of R:175, G:232, B:110 and CMYK values of C:0.25, M:0, Y:0.53, K:0.09. Its decimal value is 11528302.

Hex triplet	afe86e	`#afe86e`
RGB Decimal	175, 232, 110	`rgb(175,232,110)`
RGB Percent	68.6, 91, 43.1	`rgb(68.6%,91%,43.1%)`
CMYK	25, 0, 53, 9
HSL	88°, 72.6, 67.1	`hsl(88,72.6%,67.1%)`
HSV (or HSB)	88°, 52.6, 91
Web Safe	99ff66	`#99ff66`

CIE-LAB	85.982, -37.711, 52.929
XYZ	49.349, 67.952, 25.267
xyY	0.346, 0.477, 67.952
CIE-LCH	85.982, 64.989, 125.469
CIE-LUV	85.982, -28.341, 73.829
Hunter-Lab	82.433, -37.397, 39.53
Binary	10101111, 11101000, 01101110

#afe86e
```
#afe86e rgb(175,232,110)
```
#a76ee8
```
#a76ee8 rgb(167,110,232)
```

Complementary Color

#e8e46e
```
#e8e46e rgb(232,228,110)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#72e86e
```
#72e86e rgb(114,232,110)
```

Analogous Color

#e46ee8
```
#e46ee8 rgb(228,110,232)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#6e72e8
```
#6e72e8 rgb(110,114,232)
```

Split Complementary Color

#e86eaf
```
#e86eaf rgb(232,110,175)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#6eafe8
```
#6eafe8 rgb(110,175,232)
```

Triadic Color

#e8a76e
```
#e8a76e rgb(232,167,110)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#6eafe8
```
#6eafe8 rgb(110,175,232)
```
#a76ee8
```
#a76ee8 rgb(167,110,232)
```

Tetradic Color

#8bde2c
```
#8bde2c rgb(139,222,44)
```
#97e142
```
#97e142 rgb(151,225,66)
```
#a3e558
```
#a3e558 rgb(163,229,88)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#bbeb84
```
#bbeb84 rgb(187,235,132)
```
#c7ef9a
```
#c7ef9a rgb(199,239,154)
```
#d3f2b0
```
#d3f2b0 rgb(211,242,176)
```

Monochromatic Color

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

#cee86e
```
#cee86e rgb(206,232,110)
```
#c3e86e
```
#c3e86e rgb(195,232,110)
```
#b9e86e
```
#b9e86e rgb(185,232,110)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#a5e86e
```
#a5e86e rgb(165,232,110)
```
#9be86e
```
#9be86e rgb(155,232,110)
```
#91e86e
```
#91e86e rgb(145,232,110)
```

Similar Colors

Text with hexadecimal color #afe86e

This text has a font color of #afe86e.

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

#afe86e background color

This paragraph has a background color of #afe86e.

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

#afe86e border color

This element has a border color of #afe86e.

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

CSS codes

.text {color:#afe86e;}

.background {background-color:#afe86e;}

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

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

#040701
```
#040701 rgb(4,7,1)
```
#0f1804
```
#0f1804 rgb(15,24,4)
```
#192907
```
#192907 rgb(25,41,7)
```
#233a09
```
#233a09 rgb(35,58,9)
```
#2e4b0c
```
#2e4b0c rgb(46,75,12)
```
#385c0f
```
#385c0f rgb(56,92,15)
```
#426d11
```
#426d11 rgb(66,109,17)
```
#4c7e14
```
#4c7e14 rgb(76,126,20)
```
#578f17
```
#578f17 rgb(87,143,23)
```
#61a019
```
#61a019 rgb(97,160,25)
```
#6bb11c
```
#6bb11c rgb(107,177,28)
```
#75c21f
```
#75c21f rgb(117,194,31)
```
#80d321
```
#80d321 rgb(128,211,33)
```

Shade Color Variation

#8add2a
```
#8add2a rgb(138,221,42)
```
#93e03b
```
#93e03b rgb(147,224,59)
```
#9ce34c
```
#9ce34c rgb(156,227,76)
```
#a6e55d
```
#a6e55d rgb(166,229,93)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#b8eb7f
```
#b8eb7f rgb(184,235,127)
```
#c2ed90
```
#c2ed90 rgb(194,237,144)
```
#cbf0a1
```
#cbf0a1 rgb(203,240,161)
```
#d4f3b2
```
#d4f3b2 rgb(212,243,178)
```
#def5c3
```
#def5c3 rgb(222,245,195)
```
#e7f8d4
```
#e7f8d4 rgb(231,248,212)
```
#f0fbe5
```
#f0fbe5 rgb(240,251,229)
```
#fafdf5
```
#fafdf5 rgb(250,253,245)
```

Tint Color Variation

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

#abaea8
```
#abaea8 rgb(171,174,168)
```
#acb4a2
```
#acb4a2 rgb(172,180,162)
```
#acbb9b
```
#acbb9b rgb(172,187,155)
```
#acc195
```
#acc195 rgb(172,193,149)
```
#adc88e
```
#adc88e rgb(173,200,142)
```
#adce88
```
#adce88 rgb(173,206,136)
```
#aed581
```
#aed581 rgb(174,213,129)
```
#aedb7b
```
#aedb7b rgb(174,219,123)
```
#afe274
```
#afe274 rgb(175,226,116)
```
#afe86e
```
#afe86e rgb(175,232,110)
```
#afee68
```
#afee68 rgb(175,238,104)
```
#b0f561
```
#b0f561 rgb(176,245,97)
```
#b0fb5b
```
#b0fb5b rgb(176,251,91)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4cfb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd970 Protanopia 1% of men
#ffd196 Deuteranopia 1% of men
#c6dcec Tritanopia 0.001% of the population

Trichromacy

#d7de6f Protanomaly 1% of men, 0.01% of women
#e1d987 Deuteranomaly 6% of men, 0.4% of women
#bde0be Tritanomaly 0.01% of the population

#afe86e hex color

#afe86e Color Information

#afe86e Color Conversion

Color Schemes with #afe86e

Alternatives to #afe86e

#afe86e Preview

Shades and Tints of #afe86e

Tones of #afe86e

Color Blindness Simulator