#afb3aa hex color

In a RGB color space, hex #afb3aa is composed of 68.6% red, 70.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 5% yellow and 29.8% black. It has a hue angle of 86.7 degrees, a saturation of 5.6% and a lightness of 68.4%. #afb3aa color hex could be obtained by blending #ffffff with #5f6755. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 70
- B 67
RGB color chart
- C 2
- M 0
- Y 5
- K 30
CMYK color chart

● #afb3aa color description : Grayish green.

The hexadecimal color #afb3aa has RGB values of R:175, G:179, B:170 and CMYK values of C:0.02, M:0, Y:0.05, K:0.3. Its decimal value is 11514794.

Hex triplet	afb3aa	`#afb3aa`
RGB Decimal	175, 179, 170	`rgb(175,179,170)`
RGB Percent	68.6, 70.2, 66.7	`rgb(68.6%,70.2%,66.7%)`
CMYK	2, 0, 5, 30
HSL	86.7°, 5.6, 68.4	`hsl(86.7,5.6%,68.4%)`
HSV (or HSB)	86.7°, 5, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.4, -3.077, 4.094
XYZ	41.054, 44.256, 44.408
xyY	0.316, 0.341, 44.256
CIE-LCH	72.4, 5.121, 126.922
CIE-LUV	72.4, -1.796, 6.496
Hunter-Lab	66.525, -6.265, 6.99
Binary	10101111, 10110011, 10101010

#afb3aa
```
#afb3aa rgb(175,179,170)
```
#aeaab3
```
#aeaab3 rgb(174,170,179)
```

Complementary Color

#b3b3aa
```
#b3b3aa rgb(179,179,170)
```
#afb3aa
```
#afb3aa rgb(175,179,170)
```
#abb3aa
```
#abb3aa rgb(171,179,170)
```

Analogous Color

#b3aab3
```
#b3aab3 rgb(179,170,179)
```
#afb3aa
```
#afb3aa rgb(175,179,170)
```
#aaabb3
```
#aaabb3 rgb(170,171,179)
```

Split Complementary Color

#b3aaaf
```
#b3aaaf rgb(179,170,175)
```
#afb3aa
```
#afb3aa rgb(175,179,170)
```
#aaafb3
```
#aaafb3 rgb(170,175,179)
```

Triadic Color

#b3aeaa
```
#b3aeaa rgb(179,174,170)
```
#afb3aa
```
#afb3aa rgb(175,179,170)
```
#aaafb3
```
#aaafb3 rgb(170,175,179)
```
#aeaab3
```
#aeaab3 rgb(174,170,179)
```

Tetradic Color

#898f82
```
#898f82 rgb(137,143,130)
```
#969b8f
```
#969b8f rgb(150,155,143)
```
#a2a79d
```
#a2a79d rgb(162,167,157)
```
#afb3aa
```
#afb3aa rgb(175,179,170)
```
#bcbfb7
```
#bcbfb7 rgb(188,191,183)
```
#c8cbc5
```
#c8cbc5 rgb(200,203,197)
```
#d5d7d2
```
#d5d7d2 rgb(213,215,210)
```

Monochromatic Color

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

#b1b3aa
```
#b1b3aa rgb(177,179,170)
```
#b1b3aa
```
#b1b3aa rgb(177,179,170)
```
#b0b3aa
```
#b0b3aa rgb(176,179,170)
```
#afb3aa
```
#afb3aa rgb(175,179,170)
```
#aeb3aa
```
#aeb3aa rgb(174,179,170)
```
#aeb3aa
```
#aeb3aa rgb(174,179,170)
```
#adb3aa
```
#adb3aa rgb(173,179,170)
```

Similar Colors

Text with hexadecimal color #afb3aa

This text has a font color of #afb3aa.

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

#afb3aa background color

This paragraph has a background color of #afb3aa.

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

#afb3aa border color

This element has a border color of #afb3aa.

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

CSS codes

.text {color:#afb3aa;}

.background {background-color:#afb3aa;}

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

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

#080807
```
#080807 rgb(8,8,7)
```
#121311
```
#121311 rgb(18,19,17)
```
#1c1d1a
```
#1c1d1a rgb(28,29,26)
```
#252723
```
#252723 rgb(37,39,35)
```
#2f322c
```
#2f322c rgb(47,50,44)
```
#393c36
```
#393c36 rgb(57,60,54)
```
#43463f
```
#43463f rgb(67,70,63)
```
#4d5148
```
#4d5148 rgb(77,81,72)
```
#575b51
```
#575b51 rgb(87,91,81)
```
#61655b
```
#61655b rgb(97,101,91)
```
#6b7064
```
#6b7064 rgb(107,112,100)
```
#747a6d
```
#747a6d rgb(116,122,109)
```
#7e8476
```
#7e8476 rgb(126,132,118)
```

Shade Color Variation

#888e81
```
#888e81 rgb(136,142,129)
```
#92978b
```
#92978b rgb(146,151,139)
```
#9ca095
```
#9ca095 rgb(156,160,149)
```
#a5aaa0
```
#a5aaa0 rgb(165,170,160)
```
#afb3aa
```
#afb3aa rgb(175,179,170)
```
#b9bcb4
```
#b9bcb4 rgb(185,188,180)
```
#c2c6bf
```
#c2c6bf rgb(194,198,191)
```
#cccfc9
```
#cccfc9 rgb(204,207,201)
```
#d6d8d3
```
#d6d8d3 rgb(214,216,211)
```
#e0e1de
```
#e0e1de rgb(224,225,222)
```
#e9ebe8
```
#e9ebe8 rgb(233,235,232)
```
#f3f4f2
```
#f3f4f2 rgb(243,244,242)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#afb3aa
```
#afb3aa rgb(175,179,170)
```
#b0b9a4
```
#b0b9a4 rgb(176,185,164)
```
#b0bf9e
```
#b0bf9e rgb(176,191,158)
```
#b1c697
```
#b1c697 rgb(177,198,151)
```
#b2cc91
```
#b2cc91 rgb(178,204,145)
```
#b2d28b
```
#b2d28b rgb(178,210,139)
```
#b3d885
```
#b3d885 rgb(179,216,133)
```
#b4de7f
```
#b4de7f rgb(180,222,127)
```
#b5e578
```
#b5e578 rgb(181,229,120)
```
#b5eb72
```
#b5eb72 rgb(181,235,114)
```
#b6f16c
```
#b6f16c rgb(182,241,108)
```
#b7f766
```
#b7f766 rgb(183,247,102)
```
#b7fd60
```
#b7fd60 rgb(183,253,96)
```

Tone Color Variation

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

Dichromacy

#bab4ad Protanopia 1% of men
#c8afb0 Deuteranopia 1% of men
#b6b4c0 Tritanopia 0.001% of the population

Trichromacy

#b6b4ac Protanomaly 1% of men, 0.01% of women
#bfb1ae Deuteranomaly 6% of men, 0.4% of women
#b3b3b8 Tritanomaly 0.01% of the population

#afb3aa hex color

#afb3aa Color Information

#afb3aa Color Conversion

Color Schemes with #afb3aa

Alternatives to #afb3aa

#afb3aa Preview

Shades and Tints of #afb3aa

Tones of #afb3aa

Color Blindness Simulator