#afb7a3 hex color

In a RGB color space, hex #afb7a3 is composed of 68.6% red, 71.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 10.9% yellow and 28.2% black. It has a hue angle of 84 degrees, a saturation of 12.2% and a lightness of 67.8%. #afb7a3 color hex could be obtained by blending #ffffff with #5f6f47. Closest websafe color is: #99cc99.

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

● #afb7a3 color description : Grayish green.

The hexadecimal color #afb7a3 has RGB values of R:175, G:183, B:163 and CMYK values of C:0.04, M:0, Y:0.11, K:0.28. Its decimal value is 11515811.

Hex triplet	afb7a3	`#afb7a3`
RGB Decimal	175, 183, 163	`rgb(175,183,163)`
RGB Percent	68.6, 71.8, 63.9	`rgb(68.6%,71.8%,63.9%)`
CMYK	4, 0, 11, 28
HSL	84°, 12.2, 67.8	`hsl(84,12.2%,67.8%)`
HSV (or HSB)	84°, 10.9, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.302, -6.448, 9.213
XYZ	41.222, 45.625, 41.283
xyY	0.322, 0.356, 45.625
CIE-LCH	73.302, 11.245, 124.988
CIE-LUV	73.302, -3.551, 14.358
Hunter-Lab	67.546, -9.271, 11.045
Binary	10101111, 10110111, 10100011

#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#aba3b7
```
#aba3b7 rgb(171,163,183)
```

Complementary Color

#b7b5a3
```
#b7b5a3 rgb(183,181,163)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#a5b7a3
```
#a5b7a3 rgb(165,183,163)
```

Analogous Color

#b5a3b7
```
#b5a3b7 rgb(181,163,183)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#a3a5b7
```
#a3a5b7 rgb(163,165,183)
```

Split Complementary Color

#b7a3af
```
#b7a3af rgb(183,163,175)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#a3afb7
```
#a3afb7 rgb(163,175,183)
```

Triadic Color

#b7aba3
```
#b7aba3 rgb(183,171,163)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#a3afb7
```
#a3afb7 rgb(163,175,183)
```
#aba3b7
```
#aba3b7 rgb(171,163,183)
```

Tetradic Color

#8a9578
```
#8a9578 rgb(138,149,120)
```
#96a186
```
#96a186 rgb(150,161,134)
```
#a3ac95
```
#a3ac95 rgb(163,172,149)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#bbc2b1
```
#bbc2b1 rgb(187,194,177)
```
#c8cdc0
```
#c8cdc0 rgb(200,205,192)
```
#d4d9ce
```
#d4d9ce rgb(212,217,206)
```

Monochromatic Color

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

#b4b7a3
```
#b4b7a3 rgb(180,183,163)
```
#b2b7a3
```
#b2b7a3 rgb(178,183,163)
```
#b1b7a3
```
#b1b7a3 rgb(177,183,163)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#adb7a3
```
#adb7a3 rgb(173,183,163)
```
#acb7a3
```
#acb7a3 rgb(172,183,163)
```
#aab7a3
```
#aab7a3 rgb(170,183,163)
```

Similar Colors

Text with hexadecimal color #afb7a3

This text has a font color of #afb7a3.

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

#afb7a3 background color

This paragraph has a background color of #afb7a3.

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

#afb7a3 border color

This element has a border color of #afb7a3.

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

CSS codes

.text {color:#afb7a3;}

.background {background-color:#afb7a3;}

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

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

#060706
```
#060706 rgb(6,7,6)
```
#10120e
```
#10120e rgb(16,18,14)
```
#1b1d17
```
#1b1d17 rgb(27,29,23)
```
#25281f
```
#25281f rgb(37,40,31)
```
#2f3328
```
#2f3328 rgb(47,51,40)
```
#393e31
```
#393e31 rgb(57,62,49)
```
#434939
```
#434939 rgb(67,73,57)
```
#4d5442
```
#4d5442 rgb(77,84,66)
```
#575f4a
```
#575f4a rgb(87,95,74)
```
#616a53
```
#616a53 rgb(97,106,83)
```
#6b755c
```
#6b755c rgb(107,117,92)
```
#758064
```
#758064 rgb(117,128,100)
```
#7f8b6d
```
#7f8b6d rgb(127,139,109)
```

Shade Color Variation

#899577
```
#899577 rgb(137,149,119)
```
#929d82
```
#929d82 rgb(146,157,130)
```
#9ca68d
```
#9ca68d rgb(156,166,141)
```
#a5ae98
```
#a5ae98 rgb(165,174,152)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#b9c0ae
```
#b9c0ae rgb(185,192,174)
```
#c2c8b9
```
#c2c8b9 rgb(194,200,185)
```
#ccd1c4
```
#ccd1c4 rgb(204,209,196)
```
#d5d9cf
```
#d5d9cf rgb(213,217,207)
```
#dfe2da
```
#dfe2da rgb(223,226,218)
```
#e8ebe5
```
#e8ebe5 rgb(232,235,229)
```
#f2f3f0
```
#f2f3f0 rgb(242,243,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#aeb1a9
```
#aeb1a9 rgb(174,177,169)
```
#afb7a3
```
#afb7a3 rgb(175,183,163)
```
#b0bd9d
```
#b0bd9d rgb(176,189,157)
```
#b2c496
```
#b2c496 rgb(178,196,150)
```
#b3ca90
```
#b3ca90 rgb(179,202,144)
```
#b4d08a
```
#b4d08a rgb(180,208,138)
```
#b5d783
```
#b5d783 rgb(181,215,131)
```
#b7dd7d
```
#b7dd7d rgb(183,221,125)
```
#b8e377
```
#b8e377 rgb(184,227,119)
```
#b9e971
```
#b9e971 rgb(185,233,113)
```
#baf06a
```
#baf06a rgb(186,240,106)
```
#bcf664
```
#bcf664 rgb(188,246,100)
```
#bdfc5e
```
#bdfc5e rgb(189,252,94)
```

Tone Color Variation

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

#bfb7a6 Protanopia 1% of men
#cdb1aa Deuteranopia 1% of men
#b8b6c3 Tritanopia 0.001% of the population

Trichromacy

#b9b7a4 Protanomaly 1% of men, 0.01% of women
#c2b3a7 Deuteranomaly 6% of men, 0.4% of women
#b4b6b7 Tritanomaly 0.01% of the population

#afb7a3 hex color

#afb7a3 Color Information

#afb7a3 Color Conversion

Color Schemes with #afb7a3

Alternatives to #afb7a3

#afb7a3 Preview

Shades and Tints of #afb7a3

Tones of #afb7a3

Color Blindness Simulator