#afc895 hex color

In a RGB color space, hex #afc895 is composed of 68.6% red, 78.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 0% magenta, 25.5% yellow and 21.6% black. It has a hue angle of 89.4 degrees, a saturation of 31.7% and a lightness of 68.4%. #afc895 color hex could be obtained by blending #ffffff with #5f912b. Closest websafe color is: #99cc99.

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

● #afc895 color description : Slightly desaturated green.

The hexadecimal color #afc895 has RGB values of R:175, G:200, B:149 and CMYK values of C:0.13, M:0, Y:0.26, K:0.22. Its decimal value is 11520149.

Hex triplet	afc895	`#afc895`
RGB Decimal	175, 200, 149	`rgb(175,200,149)`
RGB Percent	68.6, 78.4, 58.4	`rgb(68.6%,78.4%,58.4%)`
CMYK	13, 0, 26, 22
HSL	89.4°, 31.7, 68.4	`hsl(89.4,31.7%,68.4%)`
HSV (or HSB)	89.4°, 25.5, 78.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	77.633, -17.516, 22.785
XYZ	43.757, 52.592, 36.278
xyY	0.33, 0.397, 52.592
CIE-LCH	77.633, 28.74, 127.551
CIE-LUV	77.633, -12.041, 34.735
Hunter-Lab	72.52, -19.208, 21.105
Binary	10101111, 11001000, 10010101

#afc895
```
#afc895 rgb(175,200,149)
```
#ae95c8
```
#ae95c8 rgb(174,149,200)
```

Complementary Color

#c8c895
```
#c8c895 rgb(200,200,149)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#96c895
```
#96c895 rgb(150,200,149)
```

Analogous Color

#c895c8
```
#c895c8 rgb(200,149,200)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#9596c8
```
#9596c8 rgb(149,150,200)
```

Split Complementary Color

#c895af
```
#c895af rgb(200,149,175)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#95afc8
```
#95afc8 rgb(149,175,200)
```

Triadic Color

#c8ae95
```
#c8ae95 rgb(200,174,149)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#95afc8
```
#95afc8 rgb(149,175,200)
```
#ae95c8
```
#ae95c8 rgb(174,149,200)
```

Tetradic Color

#89ae63
```
#89ae63 rgb(137,174,99)
```
#96b773
```
#96b773 rgb(150,183,115)
```
#a2bf84
```
#a2bf84 rgb(162,191,132)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#bcd1a6
```
#bcd1a6 rgb(188,209,166)
```
#c8d9b7
```
#c8d9b7 rgb(200,217,183)
```
#d5e2c7
```
#d5e2c7 rgb(213,226,199)
```

Monochromatic Color

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

#bcc895
```
#bcc895 rgb(188,200,149)
```
#b8c895
```
#b8c895 rgb(184,200,149)
```
#b3c895
```
#b3c895 rgb(179,200,149)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#abc895
```
#abc895 rgb(171,200,149)
```
#a7c895
```
#a7c895 rgb(167,200,149)
```
#a2c895
```
#a2c895 rgb(162,200,149)
```

Similar Colors

Text with hexadecimal color #afc895

This text has a font color of #afc895.

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

#afc895 background color

This paragraph has a background color of #afc895.

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

#afc895 border color

This element has a border color of #afc895.

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

CSS codes

.text {color:#afc895;}

.background {background-color:#afc895;}

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

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, #080a05 is the darkest color, while #fdfefc is the lightest one.

#080a05
```
#080a05 rgb(8,10,5)
```
#12170c
```
#12170c rgb(18,23,12)
```
#1c2413
```
#1c2413 rgb(28,36,19)
```
#253119
```
#253119 rgb(37,49,25)
```
#2f3e20
```
#2f3e20 rgb(47,62,32)
```
#394b27
```
#394b27 rgb(57,75,39)
```
#43582e
```
#43582e rgb(67,88,46)
```
#4d6534
```
#4d6534 rgb(77,101,52)
```
#57723b
```
#57723b rgb(87,114,59)
```
#617e42
```
#617e42 rgb(97,126,66)
```
#6b8b48
```
#6b8b48 rgb(107,139,72)
```
#74984f
```
#74984f rgb(116,152,79)
```
#7ea556
```
#7ea556 rgb(126,165,86)
```

Shade Color Variation

#88ad61
```
#88ad61 rgb(136,173,97)
```
#92b46e
```
#92b46e rgb(146,180,110)
```
#9cbb7b
```
#9cbb7b rgb(156,187,123)
```
#a5c188
```
#a5c188 rgb(165,193,136)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#b9cfa2
```
#b9cfa2 rgb(185,207,162)
```
#c2d5af
```
#c2d5af rgb(194,213,175)
```
#ccdcbc
```
#ccdcbc rgb(204,220,188)
```
#d6e3c9
```
#d6e3c9 rgb(214,227,201)
```
#e0ead6
```
#e0ead6 rgb(224,234,214)
```
#e9f0e2
```
#e9f0e2 rgb(233,240,226)
```
#f3f7ef
```
#f3f7ef rgb(243,247,239)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#afafae
```
#afafae rgb(175,175,174)
```
#afb5a8
```
#afb5a8 rgb(175,181,168)
```
#afbca1
```
#afbca1 rgb(175,188,161)
```
#afc29b
```
#afc29b rgb(175,194,155)
```
#afc895
```
#afc895 rgb(175,200,149)
```
#afce8f
```
#afce8f rgb(175,206,143)
```
#afd489
```
#afd489 rgb(175,212,137)
```
#afdb82
```
#afdb82 rgb(175,219,130)
```
#afe17c
```
#afe17c rgb(175,225,124)
```
#b0e776
```
#b0e776 rgb(176,231,118)
```
#b0ed70
```
#b0ed70 rgb(176,237,112)
```
#b0f36a
```
#b0f36a rgb(176,243,106)
```
#b0fa63
```
#b0fa63 rgb(176,250,99)
```

Tone Color Variation

Below, you can see how #afc895 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
#b9beb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c297 Protanopia 1% of men
#e1bb9f Deuteranopia 1% of men
#bcc3d1 Tritanopia 0.001% of the population

Trichromacy

#c4c496 Protanomaly 1% of men, 0.01% of women
#cfc09b Deuteranomaly 6% of men, 0.4% of women
#b7c5bb Tritanomaly 0.01% of the population

#afc895 hex color

#afc895 Color Information

#afc895 Color Conversion

Color Schemes with #afc895

Alternatives to #afc895

#afc895 Preview

Shades and Tints of #afc895

Tones of #afc895

Color Blindness Simulator