#afcc86 hex color

In a RGB color space, hex #afcc86 is composed of 68.6% red, 80% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 0% magenta, 34.3% yellow and 20% black. It has a hue angle of 84.9 degrees, a saturation of 40.7% and a lightness of 66.3%. #afcc86 color hex could be obtained by blending #ffffff with #5f990d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 80
- B 53
RGB color chart
- C 14
- M 0
- Y 34
- K 20
CMYK color chart

● #afcc86 color description : Slightly desaturated green.

The hexadecimal color #afcc86 has RGB values of R:175, G:204, B:134 and CMYK values of C:0.14, M:0, Y:0.34, K:0.2. Its decimal value is 11521158.

Hex triplet	afcc86	`#afcc86`
RGB Decimal	175, 204, 134	`rgb(175,204,134)`
RGB Percent	68.6, 80, 52.5	`rgb(68.6%,80%,52.5%)`
CMYK	14, 0, 34, 20
HSL	84.9°, 40.7, 66.3	`hsl(84.9,40.7%,66.3%)`
HSV (or HSB)	84.9°, 34.3, 80
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.474, -21.677, 31.762
XYZ	43.574, 54.02, 30.684
xyY	0.34, 0.421, 54.02
CIE-LCH	78.474, 38.454, 124.313
CIE-LUV	78.474, -13.855, 46.556
Hunter-Lab	73.499, -22.798, 26.697
Binary	10101111, 11001100, 10000110

#afcc86
```
#afcc86 rgb(175,204,134)
```
#a386cc
```
#a386cc rgb(163,134,204)
```

Complementary Color

#ccc686
```
#ccc686 rgb(204,198,134)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#8ccc86
```
#8ccc86 rgb(140,204,134)
```

Analogous Color

#c686cc
```
#c686cc rgb(198,134,204)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#868ccc
```
#868ccc rgb(134,140,204)
```

Split Complementary Color

#cc86af
```
#cc86af rgb(204,134,175)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#86afcc
```
#86afcc rgb(134,175,204)
```

Triadic Color

#cca386
```
#cca386 rgb(204,163,134)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#86afcc
```
#86afcc rgb(134,175,204)
```
#a386cc
```
#a386cc rgb(163,134,204)
```

Tetradic Color

#8bb550
```
#8bb550 rgb(139,181,80)
```
#97bd62
```
#97bd62 rgb(151,189,98)
```
#a3c474
```
#a3c474 rgb(163,196,116)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#bbd498
```
#bbd498 rgb(187,212,152)
```
#c7dbaa
```
#c7dbaa rgb(199,219,170)
```
#d3e3bc
```
#d3e3bc rgb(211,227,188)
```

Monochromatic Color

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

#c1cc86
```
#c1cc86 rgb(193,204,134)
```
#bbcc86
```
#bbcc86 rgb(187,204,134)
```
#b5cc86
```
#b5cc86 rgb(181,204,134)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#a9cc86
```
#a9cc86 rgb(169,204,134)
```
#a3cc86
```
#a3cc86 rgb(163,204,134)
```
#9ecc86
```
#9ecc86 rgb(158,204,134)
```

Similar Colors

Text with hexadecimal color #afcc86

This text has a font color of #afcc86.

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

#afcc86 background color

This paragraph has a background color of #afcc86.

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

#afcc86 border color

This element has a border color of #afcc86.

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

CSS codes

.text {color:#afcc86;}

.background {background-color:#afcc86;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0d1107
```
#0d1107 rgb(13,17,7)
```
#171f0d
```
#171f0d rgb(23,31,13)
```
#222d13
```
#222d13 rgb(34,45,19)
```
#2c3a19
```
#2c3a19 rgb(44,58,25)
```
#37481e
```
#37481e rgb(55,72,30)
```
#415624
```
#415624 rgb(65,86,36)
```
#4c642a
```
#4c642a rgb(76,100,42)
```
#567230
```
#567230 rgb(86,114,48)
```
#617f36
```
#617f36 rgb(97,127,54)
```
#6b8d3c
```
#6b8d3c rgb(107,141,60)
```
#769b41
```
#769b41 rgb(118,155,65)
```
#80a947
```
#80a947 rgb(128,169,71)
```

Shade Color Variation

#8bb54f
```
#8bb54f rgb(139,181,79)
```
#94bb5d
```
#94bb5d rgb(148,187,93)
```
#9dc06a
```
#9dc06a rgb(157,192,106)
```
#a6c678
```
#a6c678 rgb(166,198,120)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#b8d294
```
#b8d294 rgb(184,210,148)
```
#c1d8a2
```
#c1d8a2 rgb(193,216,162)
```
#caddaf
```
#caddaf rgb(202,221,175)
```
#d3e3bd
```
#d3e3bd rgb(211,227,189)
```
#dde9cb
```
#dde9cb rgb(221,233,203)
```
#e6efd9
```
#e6efd9 rgb(230,239,217)
```
#eff5e7
```
#eff5e7 rgb(239,245,231)
```
#f8fbf4
```
#f8fbf4 rgb(248,251,244)
```

Tint Color Variation

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

#a9aba7
```
#a9aba7 rgb(169,171,167)
```
#aab2a0
```
#aab2a0 rgb(170,178,160)
```
#acb89a
```
#acb89a rgb(172,184,154)
```
#adbf93
```
#adbf93 rgb(173,191,147)
```
#aec58d
```
#aec58d rgb(174,197,141)
```
#afcc86
```
#afcc86 rgb(175,204,134)
```
#b0d37f
```
#b0d37f rgb(176,211,127)
```
#b1d979
```
#b1d979 rgb(177,217,121)
```
#b2e072
```
#b2e072 rgb(178,224,114)
```
#b4e66c
```
#b4e66c rgb(180,230,108)
```
#b5ed65
```
#b5ed65 rgb(181,237,101)
```
#b6f45e
```
#b6f45e rgb(182,244,94)
```
#b7fa58
```
#b7fa58 rgb(183,250,88)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9beb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c588 Protanopia 1% of men
#e8bd91 Deuteranopia 1% of men
#bec5d3 Tritanopia 0.001% of the population

Trichromacy

#c7c787 Protanomaly 1% of men, 0.01% of women
#d3c28d Deuteranomaly 6% of men, 0.4% of women
#b9c7b7 Tritanomaly 0.01% of the population

#afcc86 hex color

#afcc86 Color Information

#afcc86 Color Conversion

Color Schemes with #afcc86

Alternatives to #afcc86

#afcc86 Preview

Shades and Tints of #afcc86

Tones of #afcc86

Color Blindness Simulator