#afb7aa hex color

In a RGB color space, hex #afb7aa is composed of 68.6% red, 71.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 7.1% yellow and 28.2% black. It has a hue angle of 96.9 degrees, a saturation of 8.3% and a lightness of 69.2%. #afb7aa color hex could be obtained by blending #ffffff with #5f6f55. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 72
- B 67
RGB color chart
- C 4
- M 0
- Y 7
- K 28
CMYK color chart

● #afb7aa color description : Grayish green.

The hexadecimal color #afb7aa has RGB values of R:175, G:183, B:170 and CMYK values of C:0.04, M:0, Y:0.07, K:0.28. Its decimal value is 11515818.

Hex triplet	afb7aa	`#afb7aa`
RGB Decimal	175, 183, 170	`rgb(175,183,170)`
RGB Percent	68.6, 71.8, 66.7	`rgb(68.6%,71.8%,66.7%)`
CMYK	4, 0, 7, 28
HSL	96.9°, 8.3, 69.2	`hsl(96.9,8.3%,69.2%)`
HSV (or HSB)	96.9°, 7.1, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.47, -5.209, 5.638
XYZ	41.867, 45.883, 44.679
xyY	0.316, 0.346, 45.883
CIE-LCH	73.47, 7.676, 132.736
CIE-LUV	73.47, -3.863, 9.102
Hunter-Lab	67.737, -8.212, 8.309
Binary	10101111, 10110111, 10101010

#afb7aa
```
#afb7aa rgb(175,183,170)
```
#b2aab7
```
#b2aab7 rgb(178,170,183)
```

Complementary Color

#b6b7aa
```
#b6b7aa rgb(182,183,170)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#aab7ac
```
#aab7ac rgb(170,183,172)
```

Analogous Color

#b7aab6
```
#b7aab6 rgb(183,170,182)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#acaab7
```
#acaab7 rgb(172,170,183)
```

Split Complementary Color

#b7aaaf
```
#b7aaaf rgb(183,170,175)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#aaafb7
```
#aaafb7 rgb(170,175,183)
```

Triadic Color

#b7b2aa
```
#b7b2aa rgb(183,178,170)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#aaafb7
```
#aaafb7 rgb(170,175,183)
```
#b2aab7
```
#b2aab7 rgb(178,170,183)
```

Tetradic Color

#889481
```
#889481 rgb(136,148,129)
```
#95a08e
```
#95a08e rgb(149,160,142)
```
#a2ab9c
```
#a2ab9c rgb(162,171,156)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#bcc3b8
```
#bcc3b8 rgb(188,195,184)
```
#c9cec6
```
#c9cec6 rgb(201,206,198)
```
#d6dad3
```
#d6dad3 rgb(214,218,211)
```

Monochromatic Color

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

#b2b7aa
```
#b2b7aa rgb(178,183,170)
```
#b1b7aa
```
#b1b7aa rgb(177,183,170)
```
#b0b7aa
```
#b0b7aa rgb(176,183,170)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#aeb7aa
```
#aeb7aa rgb(174,183,170)
```
#adb7aa
```
#adb7aa rgb(173,183,170)
```
#acb7aa
```
#acb7aa rgb(172,183,170)
```

Similar Colors

Text with hexadecimal color #afb7aa

This text has a font color of #afb7aa.

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

#afb7aa background color

This paragraph has a background color of #afb7aa.

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

#afb7aa border color

This element has a border color of #afb7aa.

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

CSS codes

.text {color:#afb7aa;}

.background {background-color:#afb7aa;}

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

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

#0a0b09
```
#0a0b09 rgb(10,11,9)
```
#131512
```
#131512 rgb(19,21,18)
```
#1d201b
```
#1d201b rgb(29,32,27)
```
#262a24
```
#262a24 rgb(38,42,36)
```
#30352d
```
#30352d rgb(48,53,45)
```
#3a4036
```
#3a4036 rgb(58,64,54)
```
#434a3f
```
#434a3f rgb(67,74,63)
```
#4d5548
```
#4d5548 rgb(77,85,72)
```
#576051
```
#576051 rgb(87,96,81)
```
#606a5a
```
#606a5a rgb(96,106,90)
```
#6a7563
```
#6a7563 rgb(106,117,99)
```
#737f6c
```
#737f6c rgb(115,127,108)
```
#7d8a75
```
#7d8a75 rgb(125,138,117)
```

Shade Color Variation

#879380
```
#879380 rgb(135,147,128)
```
#919c8a
```
#919c8a rgb(145,156,138)
```
#9ba595
```
#9ba595 rgb(155,165,149)
```
#a5ae9f
```
#a5ae9f rgb(165,174,159)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#b9c0b5
```
#b9c0b5 rgb(185,192,181)
```
#c3c9bf
```
#c3c9bf rgb(195,201,191)
```
#cdd2ca
```
#cdd2ca rgb(205,210,202)
```
#d7dbd4
```
#d7dbd4 rgb(215,219,212)
```
#e1e4df
```
#e1e4df rgb(225,228,223)
```
#ebedea
```
#ebedea rgb(235,237,234)
```
#f5f6f4
```
#f5f6f4 rgb(245,246,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b1b0
```
#b0b1b0 rgb(176,177,176)
```
#afb7aa
```
#afb7aa rgb(175,183,170)
```
#aebda4
```
#aebda4 rgb(174,189,164)
```
#acc39e
```
#acc39e rgb(172,195,158)
```
#abc998
```
#abc998 rgb(171,201,152)
```
#a9cf92
```
#a9cf92 rgb(169,207,146)
```
#a8d58c
```
#a8d58c rgb(168,213,140)
```
#a7db86
```
#a7db86 rgb(167,219,134)
```
#a5e180
```
#a5e180 rgb(165,225,128)
```
#a4e77a
```
#a4e77a rgb(164,231,122)
```
#a2ed74
```
#a2ed74 rgb(162,237,116)
```
#a1f36e
```
#a1f36e rgb(161,243,110)
```
#a0f968
```
#a0f968 rgb(160,249,104)
```

Tone Color Variation

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

Dichromacy

#beb7ac Protanopia 1% of men
#ccb2b1 Deuteranopia 1% of men
#b7b7c4 Tritanopia 0.001% of the population

Trichromacy

#b8b7ab Protanomaly 1% of men, 0.01% of women
#c1b4ae Deuteranomaly 6% of men, 0.4% of women
#b4b7ba Tritanomaly 0.01% of the population

#afb7aa hex color

#afb7aa Color Information

#afb7aa Color Conversion

Color Schemes with #afb7aa

Alternatives to #afb7aa

#afb7aa Preview

Shades and Tints of #afb7aa

Tones of #afb7aa

Color Blindness Simulator