#afbc8f hex color

In a RGB color space, hex #afbc8f is composed of 68.6% red, 73.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 23.9% yellow and 26.3% black. It has a hue angle of 77.3 degrees, a saturation of 25.1% and a lightness of 64.9%. #afbc8f color hex could be obtained by blending #ffffff with #5f791f. Closest websafe color is: #99cc99.

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

● #afbc8f color description : Grayish green.

The hexadecimal color #afbc8f has RGB values of R:175, G:188, B:143 and CMYK values of C:0.07, M:0, Y:0.24, K:0.26. Its decimal value is 11517071.

Hex triplet	afbc8f	`#afbc8f`
RGB Decimal	175, 188, 143	`rgb(175,188,143)`
RGB Percent	68.6, 73.7, 56.1	`rgb(68.6%,73.7%,56.1%)`
CMYK	7, 0, 24, 26
HSL	77.3°, 25.1, 64.9	`hsl(77.3,25.1%,64.9%)`
HSV (or HSB)	77.3°, 23.9, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.23, -12.306, 21.323
XYZ	40.619, 47.063, 32.929
xyY	0.337, 0.39, 47.063
CIE-LCH	74.23, 24.619, 119.99
CIE-LUV	74.23, -5.443, 31.573
Hunter-Lab	68.603, -14.366, 19.563
Binary	10101111, 10111100, 10001111

#afbc8f
```
#afbc8f rgb(175,188,143)
```
#9c8fbc
```
#9c8fbc rgb(156,143,188)
```

Complementary Color

#bcb38f
```
#bcb38f rgb(188,179,143)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#99bc8f
```
#99bc8f rgb(153,188,143)
```

Analogous Color

#b38fbc
```
#b38fbc rgb(179,143,188)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#8f99bc
```
#8f99bc rgb(143,153,188)
```

Split Complementary Color

#bc8faf
```
#bc8faf rgb(188,143,175)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#8fafbc
```
#8fafbc rgb(143,175,188)
```

Triadic Color

#bc9c8f
```
#bc9c8f rgb(188,156,143)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#8fafbc
```
#8fafbc rgb(143,175,188)
```
#9c8fbc
```
#9c8fbc rgb(156,143,188)
```

Tetradic Color

#8d9f5f
```
#8d9f5f rgb(141,159,95)
```
#98a96f
```
#98a96f rgb(152,169,111)
```
#a4b27f
```
#a4b27f rgb(164,178,127)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#bac69f
```
#bac69f rgb(186,198,159)
```
#c6cfaf
```
#c6cfaf rgb(198,207,175)
```
#d1d9bf
```
#d1d9bf rgb(209,217,191)
```

Monochromatic Color

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

#babc8f
```
#babc8f rgb(186,188,143)
```
#b7bc8f
```
#b7bc8f rgb(183,188,143)
```
#b3bc8f
```
#b3bc8f rgb(179,188,143)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#abbc8f
```
#abbc8f rgb(171,188,143)
```
#a8bc8f
```
#a8bc8f rgb(168,188,143)
```
#a4bc8f
```
#a4bc8f rgb(164,188,143)
```

Similar Colors

Text with hexadecimal color #afbc8f

This text has a font color of #afbc8f.

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

#afbc8f background color

This paragraph has a background color of #afbc8f.

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

#afbc8f border color

This element has a border color of #afbc8f.

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

CSS codes

.text {color:#afbc8f;}

.background {background-color:#afbc8f;}

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

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

#090b06
```
#090b06 rgb(9,11,6)
```
#14170e
```
#14170e rgb(20,23,14)
```
#1f2315
```
#1f2315 rgb(31,35,21)
```
#2a301c
```
#2a301c rgb(42,48,28)
```
#353c24
```
#353c24 rgb(53,60,36)
```
#40482b
```
#40482b rgb(64,72,43)
```
#4b5432
```
#4b5432 rgb(75,84,50)
```
#55613a
```
#55613a rgb(85,97,58)
```
#606d41
```
#606d41 rgb(96,109,65)
```
#6b7948
```
#6b7948 rgb(107,121,72)
```
#768550
```
#768550 rgb(118,133,80)
```
#819257
```
#819257 rgb(129,146,87)
```
#8c9e5f
```
#8c9e5f rgb(140,158,95)
```

Shade Color Variation

#95a66a
```
#95a66a rgb(149,166,106)
```
#9dad76
```
#9dad76 rgb(157,173,118)
```
#a6b583
```
#a6b583 rgb(166,181,131)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#b8c39b
```
#b8c39b rgb(184,195,155)
```
#c1cba8
```
#c1cba8 rgb(193,203,168)
```
#c9d2b4
```
#c9d2b4 rgb(201,210,180)
```
#d2d9c0
```
#d2d9c0 rgb(210,217,192)
```
#dbe1cc
```
#dbe1cc rgb(219,225,204)
```
#e4e8d9
```
#e4e8d9 rgb(228,232,217)
```
#ecefe5
```
#ecefe5 rgb(236,239,229)
```
#f5f7f1
```
#f5f7f1 rgb(245,247,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a6a7a4
```
#a6a7a4 rgb(166,167,164)
```
#a9ae9d
```
#a9ae9d rgb(169,174,157)
```
#acb596
```
#acb596 rgb(172,181,150)
```
#afbc8f
```
#afbc8f rgb(175,188,143)
```
#b2c388
```
#b2c388 rgb(178,195,136)
```
#b5ca81
```
#b5ca81 rgb(181,202,129)
```
#b8d17a
```
#b8d17a rgb(184,209,122)
```
#bbd873
```
#bbd873 rgb(187,216,115)
```
#bede6d
```
#bede6d rgb(190,222,109)
```
#c0e566
```
#c0e566 rgb(192,229,102)
```
#c3ec5f
```
#c3ec5f rgb(195,236,95)
```
#c6f358
```
#c6f358 rgb(198,243,88)
```
#c9fa51
```
#c9fa51 rgb(201,250,81)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2b5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b992 Protanopia 1% of men
#d7b398 Deuteranopia 1% of men
#bbb8c5 Tritanopia 0.001% of the population

Trichromacy

#bdba91 Protanomaly 1% of men, 0.01% of women
#c8b695 Deuteranomaly 6% of men, 0.4% of women
#b6b9b1 Tritanomaly 0.01% of the population

#afbc8f hex color

#afbc8f Color Information

#afbc8f Color Conversion

Color Schemes with #afbc8f

Alternatives to #afbc8f

#afbc8f Preview

Shades and Tints of #afbc8f

Tones of #afbc8f

Color Blindness Simulator