#afbb9d hex color

In a RGB color space, hex #afbb9d is composed of 68.6% red, 73.3% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 16% yellow and 26.7% black. It has a hue angle of 84 degrees, a saturation of 18.1% and a lightness of 67.5%. #afbb9d color hex could be obtained by blending #ffffff with #5f773b. Closest websafe color is: #99cc99.

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

● #afbb9d color description : Grayish green.

The hexadecimal color #afbb9d has RGB values of R:175, G:187, B:157 and CMYK values of C:0.06, M:0, Y:0.16, K:0.27. Its decimal value is 11516829.

Hex triplet	afbb9d	`#afbb9d`
RGB Decimal	175, 187, 157	`rgb(175,187,157)`
RGB Percent	68.6, 73.3, 61.6	`rgb(68.6%,73.3%,61.6%)`
CMYK	6, 0, 16, 27
HSL	84°, 18.1, 67.5	`hsl(84,18.1%,67.5%)`
HSV (or HSB)	84°, 16, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.247, -9.569, 13.808
XYZ	41.534, 47.089, 38.797
xyY	0.326, 0.37, 47.089
CIE-LCH	74.247, 16.8, 124.722
CIE-LUV	74.247, -5.414, 21.259
Hunter-Lab	68.621, -12.047, 14.513
Binary	10101111, 10111011, 10011101

#afbb9d
```
#afbb9d rgb(175,187,157)
```
#a99dbb
```
#a99dbb rgb(169,157,187)
```

Complementary Color

#bbb89d
```
#bbb89d rgb(187,184,157)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#a0bb9d
```
#a0bb9d rgb(160,187,157)
```

Analogous Color

#b89dbb
```
#b89dbb rgb(184,157,187)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#9da0bb
```
#9da0bb rgb(157,160,187)
```

Split Complementary Color

#bb9daf
```
#bb9daf rgb(187,157,175)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#9dafbb
```
#9dafbb rgb(157,175,187)
```

Triadic Color

#bba99d
```
#bba99d rgb(187,169,157)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#9dafbb
```
#9dafbb rgb(157,175,187)
```
#a99dbb
```
#a99dbb rgb(169,157,187)
```

Tetradic Color

#8a9c70
```
#8a9c70 rgb(138,156,112)
```
#96a67f
```
#96a67f rgb(150,166,127)
```
#a3b18e
```
#a3b18e rgb(163,177,142)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#bbc5ac
```
#bbc5ac rgb(187,197,172)
```
#c8d0bb
```
#c8d0bb rgb(200,208,187)
```
#d4daca
```
#d4daca rgb(212,218,202)
```

Monochromatic Color

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

#b7bb9d
```
#b7bb9d rgb(183,187,157)
```
#b4bb9d
```
#b4bb9d rgb(180,187,157)
```
#b2bb9d
```
#b2bb9d rgb(178,187,157)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#adbb9d
```
#adbb9d rgb(173,187,157)
```
#aabb9d
```
#aabb9d rgb(170,187,157)
```
#a8bb9d
```
#a8bb9d rgb(168,187,157)
```

Similar Colors

Text with hexadecimal color #afbb9d

This text has a font color of #afbb9d.

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

#afbb9d background color

This paragraph has a background color of #afbb9d.

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

#afbb9d border color

This element has a border color of #afbb9d.

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

CSS codes

.text {color:#afbb9d;}

.background {background-color:#afbb9d;}

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

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

#050604
```
#050604 rgb(5,6,4)
```
#10120c
```
#10120c rgb(16,18,12)
```
#1a1d14
```
#1a1d14 rgb(26,29,20)
```
#24291c
```
#24291c rgb(36,41,28)
```
#2e3524
```
#2e3524 rgb(46,53,36)
```
#38402c
```
#38402c rgb(56,64,44)
```
#424c35
```
#424c35 rgb(66,76,53)
```
#4d573d
```
#4d573d rgb(77,87,61)
```
#576345
```
#576345 rgb(87,99,69)
```
#616e4d
```
#616e4d rgb(97,110,77)
```
#6b7a55
```
#6b7a55 rgb(107,122,85)
```
#75865d
```
#75865d rgb(117,134,93)
```
#7f9165
```
#7f9165 rgb(127,145,101)
```

Shade Color Variation

#899b6f
```
#899b6f rgb(137,155,111)
```
#93a37a
```
#93a37a rgb(147,163,122)
```
#9cab86
```
#9cab86 rgb(156,171,134)
```
#a6b391
```
#a6b391 rgb(166,179,145)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#b8c3a9
```
#b8c3a9 rgb(184,195,169)
```
#c2cbb4
```
#c2cbb4 rgb(194,203,180)
```
#cbd3c0
```
#cbd3c0 rgb(203,211,192)
```
#d5dbcb
```
#d5dbcb rgb(213,219,203)
```
#dee3d7
```
#dee3d7 rgb(222,227,215)
```
#e8ebe2
```
#e8ebe2 rgb(232,235,226)
```
#f1f3ee
```
#f1f3ee rgb(241,243,238)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#acaeaa
```
#acaeaa rgb(172,174,170)
```
#aeb5a3
```
#aeb5a3 rgb(174,181,163)
```
#afbb9d
```
#afbb9d rgb(175,187,157)
```
#b0c197
```
#b0c197 rgb(176,193,151)
```
#b2c890
```
#b2c890 rgb(178,200,144)
```
#b3ce8a
```
#b3ce8a rgb(179,206,138)
```
#b4d583
```
#b4d583 rgb(180,213,131)
```
#b5db7d
```
#b5db7d rgb(181,219,125)
```
#b7e177
```
#b7e177 rgb(183,225,119)
```
#b8e870
```
#b8e870 rgb(184,232,112)
```
#b9ee6a
```
#b9ee6a rgb(185,238,106)
```
#baf464
```
#baf464 rgb(186,244,100)
```
#bcfb5d
```
#bcfb5d rgb(188,251,93)
```

Tone Color Variation

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

Dichromacy

#c3b99f Protanopia 1% of men
#d3b3a5 Deuteranopia 1% of men
#b9b9c6 Tritanopia 0.001% of the population

Trichromacy

#bcba9e Protanomaly 1% of men, 0.01% of women
#c6b6a2 Deuteranomaly 6% of men, 0.4% of women
#b5b9b7 Tritanomaly 0.01% of the population

#afbb9d hex color

#afbb9d Color Information

#afbb9d Color Conversion

Color Schemes with #afbb9d

Alternatives to #afbb9d

#afbb9d Preview

Shades and Tints of #afbb9d

Tones of #afbb9d

Color Blindness Simulator