#afb7a4 hex color

In a RGB color space, hex #afb7a4 is composed of 68.6% red, 71.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 10.4% yellow and 28.2% black. It has a hue angle of 85.3 degrees, a saturation of 11.7% and a lightness of 68%. #afb7a4 color hex could be obtained by blending #ffffff with #5f6f49. Closest websafe color is: #99cc99.

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

● #afb7a4 color description : Grayish green.

The hexadecimal color #afb7a4 has RGB values of R:175, G:183, B:164 and CMYK values of C:0.04, M:0, Y:0.1, K:0.28. Its decimal value is 11515812.

Hex triplet	afb7a4	`#afb7a4`
RGB Decimal	175, 183, 164	`rgb(175,183,164)`
RGB Percent	68.6, 71.8, 64.3	`rgb(68.6%,71.8%,64.3%)`
CMYK	4, 0, 10, 28
HSL	85.3°, 11.7, 68	`hsl(85.3,11.7%,68%)`
HSV (or HSB)	85.3°, 10.4, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.325, -6.274, 8.702
XYZ	41.312, 45.661, 41.757
xyY	0.321, 0.355, 45.661
CIE-LCH	73.325, 10.728, 125.793
CIE-LUV	73.325, -3.596, 13.615
Hunter-Lab	67.573, -9.123, 10.663
Binary	10101111, 10110111, 10100100

#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#aca4b7
```
#aca4b7 rgb(172,164,183)
```

Complementary Color

#b7b6a4
```
#b7b6a4 rgb(183,182,164)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#a6b7a4
```
#a6b7a4 rgb(166,183,164)
```

Analogous Color

#b6a4b7
```
#b6a4b7 rgb(182,164,183)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#a4a6b7
```
#a4a6b7 rgb(164,166,183)
```

Split Complementary Color

#b7a4af
```
#b7a4af rgb(183,164,175)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#a4afb7
```
#a4afb7 rgb(164,175,183)
```

Triadic Color

#b7aca4
```
#b7aca4 rgb(183,172,164)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#a4afb7
```
#a4afb7 rgb(164,175,183)
```
#aca4b7
```
#aca4b7 rgb(172,164,183)
```

Tetradic Color

#899579
```
#899579 rgb(137,149,121)
```
#96a088
```
#96a088 rgb(150,160,136)
```
#a2ac96
```
#a2ac96 rgb(162,172,150)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#bcc2b2
```
#bcc2b2 rgb(188,194,178)
```
#c8cec0
```
#c8cec0 rgb(200,206,192)
```
#d5d9cf
```
#d5d9cf rgb(213,217,207)
```

Monochromatic Color

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

#b4b7a4
```
#b4b7a4 rgb(180,183,164)
```
#b2b7a4
```
#b2b7a4 rgb(178,183,164)
```
#b1b7a4
```
#b1b7a4 rgb(177,183,164)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#adb7a4
```
#adb7a4 rgb(173,183,164)
```
#acb7a4
```
#acb7a4 rgb(172,183,164)
```
#aab7a4
```
#aab7a4 rgb(170,183,164)
```

Similar Colors

Text with hexadecimal color #afb7a4

This text has a font color of #afb7a4.

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

#afb7a4 background color

This paragraph has a background color of #afb7a4.

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

#afb7a4 border color

This element has a border color of #afb7a4.

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

CSS codes

.text {color:#afb7a4;}

.background {background-color:#afb7a4;}

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

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

#070806
```
#070806 rgb(7,8,6)
```
#11130f
```
#11130f rgb(17,19,15)
```
#1b1d17
```
#1b1d17 rgb(27,29,23)
```
#252820
```
#252820 rgb(37,40,32)
```
#2f3329
```
#2f3329 rgb(47,51,41)
```
#393e31
```
#393e31 rgb(57,62,49)
```
#43493a
```
#43493a rgb(67,73,58)
```
#4d5443
```
#4d5443 rgb(77,84,67)
```
#575f4b
```
#575f4b rgb(87,95,75)
```
#616a54
```
#616a54 rgb(97,106,84)
```
#6b755d
```
#6b755d rgb(107,117,93)
```
#758065
```
#758065 rgb(117,128,101)
```
#7f8b6e
```
#7f8b6e rgb(127,139,110)
```

Shade Color Variation

#889478
```
#889478 rgb(136,148,120)
```
#929d83
```
#929d83 rgb(146,157,131)
```
#9ca68e
```
#9ca68e rgb(156,166,142)
```
#a5ae99
```
#a5ae99 rgb(165,174,153)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#b9c0af
```
#b9c0af rgb(185,192,175)
```
#c2c8ba
```
#c2c8ba rgb(194,200,186)
```
#ccd1c5
```
#ccd1c5 rgb(204,209,197)
```
#d6dad0
```
#d6dad0 rgb(214,218,208)
```
#dfe2db
```
#dfe2db rgb(223,226,219)
```
#e9ebe6
```
#e9ebe6 rgb(233,235,230)
```
#f2f4f1
```
#f2f4f1 rgb(242,244,241)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#aeb1aa
```
#aeb1aa rgb(174,177,170)
```
#afb7a4
```
#afb7a4 rgb(175,183,164)
```
#b0bd9e
```
#b0bd9e rgb(176,189,158)
```
#b1c497
```
#b1c497 rgb(177,196,151)
```
#b2ca91
```
#b2ca91 rgb(178,202,145)
```
#b3d08b
```
#b3d08b rgb(179,208,139)
```
#b4d685
```
#b4d685 rgb(180,214,133)
```
#b5dd7e
```
#b5dd7e rgb(181,221,126)
```
#b6e378
```
#b6e378 rgb(182,227,120)
```
#b7e972
```
#b7e972 rgb(183,233,114)
```
#b8ef6c
```
#b8ef6c rgb(184,239,108)
```
#b9f665
```
#b9f665 rgb(185,246,101)
```
#bafc5f
```
#bafc5f rgb(186,252,95)
```

Tone Color Variation

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

Dichromacy

#bfb7a7 Protanopia 1% of men
#cdb1ab Deuteranopia 1% of men
#b7b6c3 Tritanopia 0.001% of the population

Trichromacy

#b9b7a5 Protanomaly 1% of men, 0.01% of women
#c2b3a8 Deuteranomaly 6% of men, 0.4% of women
#b4b6b8 Tritanomaly 0.01% of the population

#afb7a4 hex color

#afb7a4 Color Information

#afb7a4 Color Conversion

Color Schemes with #afb7a4

Alternatives to #afb7a4

#afb7a4 Preview

Shades and Tints of #afb7a4

Tones of #afb7a4

Color Blindness Simulator