#afb5a2 hex color

In a RGB color space, hex #afb5a2 is composed of 68.6% red, 71% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 10.5% yellow and 29% black. It has a hue angle of 78.9 degrees, a saturation of 11.4% and a lightness of 67.3%. #afb5a2 color hex could be obtained by blending #ffffff with #5f6b45. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 71
- B 64
RGB color chart
- C 3
- M 0
- Y 10
- K 29
CMYK color chart

● #afb5a2 color description : Grayish green.

The hexadecimal color #afb5a2 has RGB values of R:175, G:181, B:162 and CMYK values of C:0.03, M:0, Y:0.1, K:0.29. Its decimal value is 11515298.

Hex triplet	afb5a2	`#afb5a2`
RGB Decimal	175, 181, 162	`rgb(175,181,162)`
RGB Percent	68.6, 71, 63.5	`rgb(68.6%,71%,63.5%)`
CMYK	3, 0, 10, 29
HSL	78.9°, 11.4, 67.3	`hsl(78.9,11.4%,67.3%)`
HSV (or HSB)	78.9°, 10.5, 71
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.74, -5.562, 8.958
XYZ	40.723, 44.77, 40.677
xyY	0.323, 0.355, 44.77
CIE-LCH	72.74, 10.544, 121.836
CIE-LUV	72.74, -2.455, 13.823
Hunter-Lab	66.911, -8.454, 10.794
Binary	10101111, 10110101, 10100010

#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#a8a2b5
```
#a8a2b5 rgb(168,162,181)
```

Complementary Color

#b5b2a2
```
#b5b2a2 rgb(181,178,162)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#a6b5a2
```
#a6b5a2 rgb(166,181,162)
```

Analogous Color

#b2a2b5
```
#b2a2b5 rgb(178,162,181)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#a2a6b5
```
#a2a6b5 rgb(162,166,181)
```

Split Complementary Color

#b5a2af
```
#b5a2af rgb(181,162,175)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#a2afb5
```
#a2afb5 rgb(162,175,181)
```

Triadic Color

#b5a8a2
```
#b5a8a2 rgb(181,168,162)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#a2afb5
```
#a2afb5 rgb(162,175,181)
```
#a8a2b5
```
#a8a2b5 rgb(168,162,181)
```

Tetradic Color

#8a9377
```
#8a9377 rgb(138,147,119)
```
#979e86
```
#979e86 rgb(151,158,134)
```
#a3aa94
```
#a3aa94 rgb(163,170,148)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#bbc0b0
```
#bbc0b0 rgb(187,192,176)
```
#c7ccbe
```
#c7ccbe rgb(199,204,190)
```
#d4d7cd
```
#d4d7cd rgb(212,215,205)
```

Monochromatic Color

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

#b4b5a2
```
#b4b5a2 rgb(180,181,162)
```
#b2b5a2
```
#b2b5a2 rgb(178,181,162)
```
#b1b5a2
```
#b1b5a2 rgb(177,181,162)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#adb5a2
```
#adb5a2 rgb(173,181,162)
```
#acb5a2
```
#acb5a2 rgb(172,181,162)
```
#aab5a2
```
#aab5a2 rgb(170,181,162)
```

Similar Colors

Text with hexadecimal color #afb5a2

This text has a font color of #afb5a2.

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

#afb5a2 background color

This paragraph has a background color of #afb5a2.

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

#afb5a2 border color

This element has a border color of #afb5a2.

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

CSS codes

.text {color:#afb5a2;}

.background {background-color:#afb5a2;}

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

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

#050504
```
#050504 rgb(5,5,4)
```
#0f100d
```
#0f100d rgb(15,16,13)
```
#191b16
```
#191b16 rgb(25,27,22)
```
#24261e
```
#24261e rgb(36,38,30)
```
#2e3127
```
#2e3127 rgb(46,49,39)
```
#383c30
```
#383c30 rgb(56,60,48)
```
#424738
```
#424738 rgb(66,71,56)
```
#4d5241
```
#4d5241 rgb(77,82,65)
```
#575d4a
```
#575d4a rgb(87,93,74)
```
#616852
```
#616852 rgb(97,104,82)
```
#6b735b
```
#6b735b rgb(107,115,91)
```
#757d64
```
#757d64 rgb(117,125,100)
```
#80886d
```
#80886d rgb(128,136,109)
```

Shade Color Variation

#899276
```
#899276 rgb(137,146,118)
```
#939b81
```
#939b81 rgb(147,155,129)
```
#9ca48c
```
#9ca48c rgb(156,164,140)
```
#a6ac97
```
#a6ac97 rgb(166,172,151)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#b8bead
```
#b8bead rgb(184,190,173)
```
#c2c6b8
```
#c2c6b8 rgb(194,198,184)
```
#cbcfc3
```
#cbcfc3 rgb(203,207,195)
```
#d5d8ce
```
#d5d8ce rgb(213,216,206)
```
#dee0d9
```
#dee0d9 rgb(222,224,217)
```
#e7e9e4
```
#e7e9e4 rgb(231,233,228)
```
#f1f2ee
```
#f1f2ee rgb(241,242,238)
```
#fafbf9
```
#fafbf9 rgb(250,251,249)
```

Tint Color Variation

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

#adafa8
```
#adafa8 rgb(173,175,168)
```
#afb5a2
```
#afb5a2 rgb(175,181,162)
```
#b1bb9c
```
#b1bb9c rgb(177,187,156)
```
#b4c295
```
#b4c295 rgb(180,194,149)
```
#b6c88f
```
#b6c88f rgb(182,200,143)
```
#b8cf88
```
#b8cf88 rgb(184,207,136)
```
#bbd582
```
#bbd582 rgb(187,213,130)
```
#bddc7b
```
#bddc7b rgb(189,220,123)
```
#c0e275
```
#c0e275 rgb(192,226,117)
```
#c2e86f
```
#c2e86f rgb(194,232,111)
```
#c4ef68
```
#c4ef68 rgb(196,239,104)
```
#c7f562
```
#c7f562 rgb(199,245,98)
```
#c9fc5b
```
#c9fc5b rgb(201,252,91)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b2ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb5a5 Protanopia 1% of men
#ccb0a9 Deuteranopia 1% of men
#b7b4c1 Tritanopia 0.001% of the population

Trichromacy

#b8b5a4 Protanomaly 1% of men, 0.01% of women
#c1b2a6 Deuteranomaly 6% of men, 0.4% of women
#b4b4b6 Tritanomaly 0.01% of the population

#afb5a2 hex color

#afb5a2 Color Information

#afb5a2 Color Conversion

Color Schemes with #afb5a2

Alternatives to #afb5a2

#afb5a2 Preview

Shades and Tints of #afb5a2

Tones of #afb5a2

Color Blindness Simulator