#afc86f hex color

In a RGB color space, hex #afc86f is composed of 68.6% red, 78.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 0% magenta, 44.5% yellow and 21.6% black. It has a hue angle of 76.9 degrees, a saturation of 44.7% and a lightness of 61%. #afc86f color hex could be obtained by blending #ffffde with #5f9100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 78
- B 44
RGB color chart
- C 13
- M 0
- Y 45
- K 22
CMYK color chart

● #afc86f color description : Slightly desaturated green.

The hexadecimal color #afc86f has RGB values of R:175, G:200, B:111 and CMYK values of C:0.13, M:0, Y:0.45, K:0.22. Its decimal value is 11520111.

Hex triplet	afc86f	`#afc86f`
RGB Decimal	175, 200, 111	`rgb(175,200,111)`
RGB Percent	68.6, 78.4, 43.5	`rgb(68.6%,78.4%,43.5%)`
CMYK	13, 0, 45, 22
HSL	76.9°, 44.7, 61	`hsl(76.9,44.7%,61%)`
HSV (or HSB)	76.9°, 44.5, 78.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	77.023, -22.551, 41.582
XYZ	41.202, 51.57, 22.821
xyY	0.356, 0.446, 51.57
CIE-LCH	77.023, 47.303, 118.472
CIE-LUV	77.023, -11.255, 57.238
Hunter-Lab	71.812, -23.258, 31.427
Binary	10101111, 11001000, 01101111

#afc86f
```
#afc86f rgb(175,200,111)
```
#886fc8
```
#886fc8 rgb(136,111,200)
```

Complementary Color

#c8b56f
```
#c8b56f rgb(200,181,111)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#83c86f
```
#83c86f rgb(131,200,111)
```

Analogous Color

#b56fc8
```
#b56fc8 rgb(181,111,200)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#6f83c8
```
#6f83c8 rgb(111,131,200)
```

Split Complementary Color

#c86faf
```
#c86faf rgb(200,111,175)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#6fafc8
```
#6fafc8 rgb(111,175,200)
```

Triadic Color

#c8886f
```
#c8886f rgb(200,136,111)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#6fafc8
```
#6fafc8 rgb(111,175,200)
```
#886fc8
```
#886fc8 rgb(136,111,200)
```

Tetradic Color

#8caa41
```
#8caa41 rgb(140,170,65)
```
#9aba4a
```
#9aba4a rgb(154,186,74)
```
#a5c15d
```
#a5c15d rgb(165,193,93)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#b9cf81
```
#b9cf81 rgb(185,207,129)
```
#c4d694
```
#c4d694 rgb(196,214,148)
```
#cedda6
```
#cedda6 rgb(206,221,166)
```

Monochromatic Color

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

#c5c86f
```
#c5c86f rgb(197,200,111)
```
#bec86f
```
#bec86f rgb(190,200,111)
```
#b6c86f
```
#b6c86f rgb(182,200,111)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#a8c86f
```
#a8c86f rgb(168,200,111)
```
#a0c86f
```
#a0c86f rgb(160,200,111)
```
#99c86f
```
#99c86f rgb(153,200,111)
```

Similar Colors

Text with hexadecimal color #afc86f

This text has a font color of #afc86f.

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

#afc86f background color

This paragraph has a background color of #afc86f.

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

#afc86f border color

This element has a border color of #afc86f.

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

CSS codes

.text {color:#afc86f;}

.background {background-color:#afc86f;}

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

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, #0a0c05 is the darkest color, while #fefefd is the lightest one.

#0a0c05
```
#0a0c05 rgb(10,12,5)
```
#161a0a
```
#161a0a rgb(22,26,10)
```
#21290f
```
#21290f rgb(33,41,15)
```
#2d3715
```
#2d3715 rgb(45,55,21)
```
#39451a
```
#39451a rgb(57,69,26)
```
#455320
```
#455320 rgb(69,83,32)
```
#506125
```
#506125 rgb(80,97,37)
```
#5c6f2b
```
#5c6f2b rgb(92,111,43)
```
#687e30
```
#687e30 rgb(104,126,48)
```
#748c35
```
#748c35 rgb(116,140,53)
```
#7f9a3b
```
#7f9a3b rgb(127,154,59)
```
#8ba840
```
#8ba840 rgb(139,168,64)
```
#97b646
```
#97b646 rgb(151,182,70)
```

Shade Color Variation

#9fbd53
```
#9fbd53 rgb(159,189,83)
```
#a7c361
```
#a7c361 rgb(167,195,97)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#b7cd7d
```
#b7cd7d rgb(183,205,125)
```
#bfd38b
```
#bfd38b rgb(191,211,139)
```
#c7d89a
```
#c7d89a rgb(199,216,154)
```
#cfdea8
```
#cfdea8 rgb(207,222,168)
```
#d6e3b6
```
#d6e3b6 rgb(214,227,182)
```
#dee9c4
```
#dee9c4 rgb(222,233,196)
```
#e6eed2
```
#e6eed2 rgb(230,238,210)
```
#eef3e1
```
#eef3e1 rgb(238,243,225)
```
#f6f9ef
```
#f6f9ef rgb(246,249,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9ea295
```
#9ea295 rgb(158,162,149)
```
#a2a98e
```
#a2a98e rgb(162,169,142)
```
#a5b186
```
#a5b186 rgb(165,177,134)
```
#a8b97e
```
#a8b97e rgb(168,185,126)
```
#acc077
```
#acc077 rgb(172,192,119)
```
#afc86f
```
#afc86f rgb(175,200,111)
```
#b2d067
```
#b2d067 rgb(178,208,103)
```
#b6d760
```
#b6d760 rgb(182,215,96)
```
#b9df58
```
#b9df58 rgb(185,223,88)
```
#bce750
```
#bce750 rgb(188,231,80)
```
#c0ee49
```
#c0ee49 rgb(192,238,73)
```
#c3f641
```
#c3f641 rgb(195,246,65)
```
#c6fe39
```
#c6fe39 rgb(198,254,57)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5baa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c173 Protanopia 1% of men
#e8b97c Deuteranopia 1% of men
#c0c0ce Tritanopia 0.001% of the population

Trichromacy

#c6c371 Protanomaly 1% of men, 0.01% of women
#d3be77 Deuteranomaly 6% of men, 0.4% of women
#b9c3ab Tritanomaly 0.01% of the population

#afc86f hex color

#afc86f Color Information

#afc86f Color Conversion

Color Schemes with #afc86f

Alternatives to #afc86f

#afc86f Preview

Shades and Tints of #afc86f

Tones of #afc86f

Color Blindness Simulator