#afbb8e hex color

In a RGB color space, hex #afbb8e is composed of 68.6% red, 73.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 24.1% yellow and 26.7% black. It has a hue angle of 76 degrees, a saturation of 24.9% and a lightness of 64.5%. #afbb8e color hex could be obtained by blending #ffffff with #5f771d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 73
- B 56
RGB color chart
- C 6
- M 0
- Y 24
- K 27
CMYK color chart

● #afbb8e color description : Grayish green.

The hexadecimal color #afbb8e has RGB values of R:175, G:187, B:142 and CMYK values of C:0.06, M:0, Y:0.24, K:0.27. Its decimal value is 11516814.

Hex triplet	afbb8e	`#afbb8e`
RGB Decimal	175, 187, 142	`rgb(175,187,142)`
RGB Percent	68.6, 73.3, 55.7	`rgb(68.6%,73.3%,55.7%)`
CMYK	6, 0, 24, 27
HSL	76°, 24.9, 64.5	`hsl(76,24.9%,64.5%)`
HSV (or HSB)	76°, 24.1, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.938, -11.939, 21.458
XYZ	40.331, 46.608, 32.461
xyY	0.338, 0.39, 46.608
CIE-LCH	73.938, 24.556, 119.091
CIE-LUV	73.938, -4.863, 31.646
Hunter-Lab	68.27, -14.021, 19.597
Binary	10101111, 10111011, 10001110

#afbb8e
```
#afbb8e rgb(175,187,142)
```
#9a8ebb
```
#9a8ebb rgb(154,142,187)
```

Complementary Color

#bbb18e
```
#bbb18e rgb(187,177,142)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#99bb8e
```
#99bb8e rgb(153,187,142)
```

Analogous Color

#b18ebb
```
#b18ebb rgb(177,142,187)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#8e99bb
```
#8e99bb rgb(142,153,187)
```

Split Complementary Color

#bb8eaf
```
#bb8eaf rgb(187,142,175)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#8eafbb
```
#8eafbb rgb(142,175,187)
```

Triadic Color

#bb9a8e
```
#bb9a8e rgb(187,154,142)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#8eafbb
```
#8eafbb rgb(142,175,187)
```
#9a8ebb
```
#9a8ebb rgb(154,142,187)
```

Tetradic Color

#8d9e5f
```
#8d9e5f rgb(141,158,95)
```
#98a86e
```
#98a86e rgb(152,168,110)
```
#a4b17e
```
#a4b17e rgb(164,177,126)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#bac59e
```
#bac59e rgb(186,197,158)
```
#c6ceae
```
#c6ceae rgb(198,206,174)
```
#d1d8be
```
#d1d8be rgb(209,216,190)
```

Monochromatic Color

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

#babb8e
```
#babb8e rgb(186,187,142)
```
#b7bb8e
```
#b7bb8e rgb(183,187,142)
```
#b3bb8e
```
#b3bb8e rgb(179,187,142)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#abbb8e
```
#abbb8e rgb(171,187,142)
```
#a8bb8e
```
#a8bb8e rgb(168,187,142)
```
#a4bb8e
```
#a4bb8e rgb(164,187,142)
```

Similar Colors

Text with hexadecimal color #afbb8e

This text has a font color of #afbb8e.

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

#afbb8e background color

This paragraph has a background color of #afbb8e.

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

#afbb8e border color

This element has a border color of #afbb8e.

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

CSS codes

.text {color:#afbb8e;}

.background {background-color:#afbb8e;}

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

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

#080906
```
#080906 rgb(8,9,6)
```
#13160d
```
#13160d rgb(19,22,13)
```
#1e2214
```
#1e2214 rgb(30,34,20)
```
#292e1c
```
#292e1c rgb(41,46,28)
```
#343a23
```
#343a23 rgb(52,58,35)
```
#3f472b
```
#3f472b rgb(63,71,43)
```
#4a5332
```
#4a5332 rgb(74,83,50)
```
#555f39
```
#555f39 rgb(85,95,57)
```
#606b41
```
#606b41 rgb(96,107,65)
```
#6b7848
```
#6b7848 rgb(107,120,72)
```
#76844f
```
#76844f rgb(118,132,79)
```
#819057
```
#819057 rgb(129,144,87)
```
#8c9c5e
```
#8c9c5e rgb(140,156,94)
```

Shade Color Variation

#95a569
```
#95a569 rgb(149,165,105)
```
#9eac76
```
#9eac76 rgb(158,172,118)
```
#a6b482
```
#a6b482 rgb(166,180,130)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#b8c29a
```
#b8c29a rgb(184,194,154)
```
#c0caa6
```
#c0caa6 rgb(192,202,166)
```
#c9d1b3
```
#c9d1b3 rgb(201,209,179)
```
#d2d8bf
```
#d2d8bf rgb(210,216,191)
```
#dae0cb
```
#dae0cb rgb(218,224,203)
```
#e3e7d7
```
#e3e7d7 rgb(227,231,215)
```
#ecefe4
```
#ecefe4 rgb(236,239,228)
```
#f4f6f0
```
#f4f6f0 rgb(244,246,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#a5a6a3
```
#a5a6a3 rgb(165,166,163)
```
#a9ad9c
```
#a9ad9c rgb(169,173,156)
```
#acb495
```
#acb495 rgb(172,180,149)
```
#afbb8e
```
#afbb8e rgb(175,187,142)
```
#b2c287
```
#b2c287 rgb(178,194,135)
```
#b5c980
```
#b5c980 rgb(181,201,128)
```
#b9d079
```
#b9d079 rgb(185,208,121)
```
#bcd772
```
#bcd772 rgb(188,215,114)
```
#bfde6b
```
#bfde6b rgb(191,222,107)
```
#c2e564
```
#c2e564 rgb(194,229,100)
```
#c6ec5d
```
#c6ec5d rgb(198,236,93)
```
#c9f356
```
#c9f356 rgb(201,243,86)
```
#ccfa4f
```
#ccfa4f rgb(204,250,79)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b991 Protanopia 1% of men
#d6b297 Deuteranopia 1% of men
#bbb7c4 Tritanopia 0.001% of the population

Trichromacy

#bdb990 Protanomaly 1% of men, 0.01% of women
#c8b594 Deuteranomaly 6% of men, 0.4% of women
#b6b8b0 Tritanomaly 0.01% of the population

#afbb8e hex color

#afbb8e Color Information

#afbb8e Color Conversion

Color Schemes with #afbb8e

Alternatives to #afbb8e

#afbb8e Preview

Shades and Tints of #afbb8e

Tones of #afbb8e

Color Blindness Simulator