#afbc9f hex color

In a RGB color space, hex #afbc9f is composed of 68.6% red, 73.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 15.4% yellow and 26.3% black. It has a hue angle of 86.9 degrees, a saturation of 17.8% and a lightness of 68%. #afbc9f color hex could be obtained by blending #ffffff with #5f793f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 74
- B 62
RGB color chart
- C 7
- M 0
- Y 15
- K 26
CMYK color chart

● #afbc9f color description : Grayish green.

The hexadecimal color #afbc9f has RGB values of R:175, G:188, B:159 and CMYK values of C:0.07, M:0, Y:0.15, K:0.26. Its decimal value is 11517087.

Hex triplet	afbc9f	`#afbc9f`
RGB Decimal	175, 188, 159	`rgb(175,188,159)`
RGB Percent	68.6, 73.7, 62.4	`rgb(68.6%,73.7%,62.4%)`
CMYK	7, 0, 15, 26
HSL	86.9°, 17.8, 68	`hsl(86.9,17.8%,68%)`
HSV (or HSB)	86.9°, 15.4, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.561, -9.757, 13.17
XYZ	41.919, 47.583, 39.775
xyY	0.324, 0.368, 47.583
CIE-LCH	74.561, 16.39, 126.535
CIE-LUV	74.561, -6.018, 20.448
Hunter-Lab	68.981, -12.243, 14.099
Binary	10101111, 10111100, 10011111

#afbc9f
```
#afbc9f rgb(175,188,159)
```
#ac9fbc
```
#ac9fbc rgb(172,159,188)
```

Complementary Color

#bcbb9f
```
#bcbb9f rgb(188,187,159)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#a1bc9f
```
#a1bc9f rgb(161,188,159)
```

Analogous Color

#bb9fbc
```
#bb9fbc rgb(187,159,188)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#9fa1bc
```
#9fa1bc rgb(159,161,188)
```

Split Complementary Color

#bc9faf
```
#bc9faf rgb(188,159,175)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#9fafbc
```
#9fafbc rgb(159,175,188)
```

Triadic Color

#bcac9f
```
#bcac9f rgb(188,172,159)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#9fafbc
```
#9fafbc rgb(159,175,188)
```
#ac9fbc
```
#ac9fbc rgb(172,159,188)
```

Tetradic Color

#899d72
```
#899d72 rgb(137,157,114)
```
#96a781
```
#96a781 rgb(150,167,129)
```
#a2b290
```
#a2b290 rgb(162,178,144)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#bcc6ae
```
#bcc6ae rgb(188,198,174)
```
#c8d1bd
```
#c8d1bd rgb(200,209,189)
```
#d5dbcc
```
#d5dbcc rgb(213,219,204)
```

Monochromatic Color

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

#b6bc9f
```
#b6bc9f rgb(182,188,159)
```
#b4bc9f
```
#b4bc9f rgb(180,188,159)
```
#b1bc9f
```
#b1bc9f rgb(177,188,159)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#adbc9f
```
#adbc9f rgb(173,188,159)
```
#aabc9f
```
#aabc9f rgb(170,188,159)
```
#a8bc9f
```
#a8bc9f rgb(168,188,159)
```

Similar Colors

Text with hexadecimal color #afbc9f

This text has a font color of #afbc9f.

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

#afbc9f background color

This paragraph has a background color of #afbc9f.

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

#afbc9f border color

This element has a border color of #afbc9f.

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

CSS codes

.text {color:#afbc9f;}

.background {background-color:#afbc9f;}

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

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

#070806
```
#070806 rgb(7,8,6)
```
#11140e
```
#11140e rgb(17,20,14)
```
#1b1f16
```
#1b1f16 rgb(27,31,22)
```
#252b1e
```
#252b1e rgb(37,43,30)
```
#2f3626
```
#2f3626 rgb(47,54,38)
```
#39422e
```
#39422e rgb(57,66,46)
```
#434d36
```
#434d36 rgb(67,77,54)
```
#4d593e
```
#4d593e rgb(77,89,62)
```
#576446
```
#576446 rgb(87,100,70)
```
#61704e
```
#61704e rgb(97,112,78)
```
#6b7b56
```
#6b7b56 rgb(107,123,86)
```
#75875e
```
#75875e rgb(117,135,94)
```
#7f9366
```
#7f9366 rgb(127,147,102)
```

Shade Color Variation

#889c71
```
#889c71 rgb(136,156,113)
```
#92a47c
```
#92a47c rgb(146,164,124)
```
#9cac88
```
#9cac88 rgb(156,172,136)
```
#a5b493
```
#a5b493 rgb(165,180,147)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#b9c4ab
```
#b9c4ab rgb(185,196,171)
```
#c2ccb6
```
#c2ccb6 rgb(194,204,182)
```
#ccd4c2
```
#ccd4c2 rgb(204,212,194)
```
#d6dccd
```
#d6dccd rgb(214,220,205)
```
#dfe4d9
```
#dfe4d9 rgb(223,228,217)
```
#e9ece4
```
#e9ece4 rgb(233,236,228)
```
#f2f4f0
```
#f2f4f0 rgb(242,244,240)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#aeafac
```
#aeafac rgb(174,175,172)
```
#aeb6a5
```
#aeb6a5 rgb(174,182,165)
```
#afbc9f
```
#afbc9f rgb(175,188,159)
```
#b0c299
```
#b0c299 rgb(176,194,153)
```
#b0c992
```
#b0c992 rgb(176,201,146)
```
#b1cf8c
```
#b1cf8c rgb(177,207,140)
```
#b2d586
```
#b2d586 rgb(178,213,134)
```
#b2db80
```
#b2db80 rgb(178,219,128)
```
#b3e279
```
#b3e279 rgb(179,226,121)
```
#b4e873
```
#b4e873 rgb(180,232,115)
```
#b4ee6d
```
#b4ee6d rgb(180,238,109)
```
#b5f467
```
#b5f467 rgb(181,244,103)
```
#b5fb60
```
#b5fb60 rgb(181,251,96)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4baa1 Protanopia 1% of men
#d3b4a7 Deuteranopia 1% of men
#b9bac7 Tritanopia 0.001% of the population

Trichromacy

#bcbba0 Protanomaly 1% of men, 0.01% of women
#c6b7a4 Deuteranomaly 6% of men, 0.4% of women
#b5bab8 Tritanomaly 0.01% of the population

#afbc9f hex color

#afbc9f Color Information

#afbc9f Color Conversion

Color Schemes with #afbc9f

Alternatives to #afbc9f

#afbc9f Preview

Shades and Tints of #afbc9f

Tones of #afbc9f

Color Blindness Simulator