#afbd8f hex color

In a RGB color space, hex #afbd8f is composed of 68.6% red, 74.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 24.3% yellow and 25.9% black. It has a hue angle of 78.3 degrees, a saturation of 25.8% and a lightness of 65.1%. #afbd8f color hex could be obtained by blending #ffffff with #5f7b1f. 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

● #afbd8f color description : Grayish green.

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

Hex triplet	afbd8f	`#afbd8f`
RGB Decimal	175, 189, 143	`rgb(175,189,143)`
RGB Percent	68.6, 74.1, 56.1	`rgb(68.6%,74.1%,56.1%)`
CMYK	7, 0, 24, 26
HSL	78.3°, 25.8, 65.1	`hsl(78.3,25.8%,65.1%)`
HSV (or HSB)	78.3°, 24.3, 74.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.504, -12.822, 21.697
XYZ	40.834, 47.492, 33.001
xyY	0.337, 0.391, 47.492
CIE-LCH	74.504, 25.202, 120.581
CIE-LUV	74.504, -5.987, 32.168
Hunter-Lab	68.915, -14.835, 19.848
Binary	10101111, 10111101, 10001111

#afbd8f
```
#afbd8f rgb(175,189,143)
```
#9d8fbd
```
#9d8fbd rgb(157,143,189)
```

Complementary Color

#bdb48f
```
#bdb48f rgb(189,180,143)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#98bd8f
```
#98bd8f rgb(152,189,143)
```

Analogous Color

#b48fbd
```
#b48fbd rgb(180,143,189)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#8f98bd
```
#8f98bd rgb(143,152,189)
```

Split Complementary Color

#bd8faf
```
#bd8faf rgb(189,143,175)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#8fafbd
```
#8fafbd rgb(143,175,189)
```

Triadic Color

#bd9d8f
```
#bd9d8f rgb(189,157,143)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#8fafbd
```
#8fafbd rgb(143,175,189)
```
#9d8fbd
```
#9d8fbd rgb(157,143,189)
```

Tetradic Color

#8da15f
```
#8da15f rgb(141,161,95)
```
#98aa6f
```
#98aa6f rgb(152,170,111)
```
#a4b47f
```
#a4b47f rgb(164,180,127)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#bac69f
```
#bac69f rgb(186,198,159)
```
#c6d0af
```
#c6d0af rgb(198,208,175)
```
#d1d9bf
```
#d1d9bf rgb(209,217,191)
```

Monochromatic Color

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

#bbbd8f
```
#bbbd8f rgb(187,189,143)
```
#b7bd8f
```
#b7bd8f rgb(183,189,143)
```
#b3bd8f
```
#b3bd8f rgb(179,189,143)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#abbd8f
```
#abbd8f rgb(171,189,143)
```
#a7bd8f
```
#a7bd8f rgb(167,189,143)
```
#a4bd8f
```
#a4bd8f rgb(164,189,143)
```

Similar Colors

Text with hexadecimal color #afbd8f

This text has a font color of #afbd8f.

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

#afbd8f background color

This paragraph has a background color of #afbd8f.

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

#afbd8f border color

This element has a border color of #afbd8f.

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

CSS codes

.text {color:#afbd8f;}

.background {background-color:#afbd8f;}

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

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

#0a0b07
```
#0a0b07 rgb(10,11,7)
```
#15180e
```
#15180e rgb(21,24,14)
```
#202415
```
#202415 rgb(32,36,21)
```
#2a301d
```
#2a301d rgb(42,48,29)
```
#353d24
```
#353d24 rgb(53,61,36)
```
#40492b
```
#40492b rgb(64,73,43)
```
#4b5532
```
#4b5532 rgb(75,85,50)
```
#56623a
```
#56623a rgb(86,98,58)
```
#606e41
```
#606e41 rgb(96,110,65)
```
#6b7b48
```
#6b7b48 rgb(107,123,72)
```
#76874f
```
#76874f rgb(118,135,79)
```
#819357
```
#819357 rgb(129,147,87)
```
#8ca05e
```
#8ca05e rgb(140,160,94)
```

Shade Color Variation

#95a76a
```
#95a76a rgb(149,167,106)
```
#9dae76
```
#9dae76 rgb(157,174,118)
```
#a6b683
```
#a6b683 rgb(166,182,131)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#b8c49b
```
#b8c49b rgb(184,196,155)
```
#c1cca8
```
#c1cca8 rgb(193,204,168)
```
#c9d3b4
```
#c9d3b4 rgb(201,211,180)
```
#d2dac0
```
#d2dac0 rgb(210,218,192)
```
#dbe1cd
```
#dbe1cd rgb(219,225,205)
```
#e4e9d9
```
#e4e9d9 rgb(228,233,217)
```
#edf0e5
```
#edf0e5 rgb(237,240,229)
```
#f6f7f2
```
#f6f7f2 rgb(246,247,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a7a8a4
```
#a7a8a4 rgb(167,168,164)
```
#aaaf9d
```
#aaaf9d rgb(170,175,157)
```
#acb696
```
#acb696 rgb(172,182,150)
```
#afbd8f
```
#afbd8f rgb(175,189,143)
```
#b2c488
```
#b2c488 rgb(178,196,136)
```
#b4cb81
```
#b4cb81 rgb(180,203,129)
```
#b7d27a
```
#b7d27a rgb(183,210,122)
```
#bad874
```
#bad874 rgb(186,216,116)
```
#bcdf6d
```
#bcdf6d rgb(188,223,109)
```
#bfe666
```
#bfe666 rgb(191,230,102)
```
#c2ed5f
```
#c2ed5f rgb(194,237,95)
```
#c4f458
```
#c4f458 rgb(196,244,88)
```
#c7fb51
```
#c7fb51 rgb(199,251,81)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7ba92 Protanopia 1% of men
#d8b498 Deuteranopia 1% of men
#bbb9c6 Tritanopia 0.001% of the population

Trichromacy

#bebb91 Protanomaly 1% of men, 0.01% of women
#c9b795 Deuteranomaly 6% of men, 0.4% of women
#b6bab2 Tritanomaly 0.01% of the population

#afbd8f hex color

#afbd8f Color Information

#afbd8f Color Conversion

Color Schemes with #afbd8f

Alternatives to #afbd8f

#afbd8f Preview

Shades and Tints of #afbd8f

Tones of #afbd8f

Color Blindness Simulator