#afbba8 hex color

In a RGB color space, hex #afbba8 is composed of 68.6% red, 73.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 10.2% yellow and 26.7% black. It has a hue angle of 97.9 degrees, a saturation of 12.3% and a lightness of 69.6%. #afbba8 color hex could be obtained by blending #ffffff with #5f7751. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 73
- B 66
RGB color chart
- C 6
- M 0
- Y 10
- K 27
CMYK color chart

● #afbba8 color description : Grayish green.

The hexadecimal color #afbba8 has RGB values of R:175, G:187, B:168 and CMYK values of C:0.06, M:0, Y:0.1, K:0.27. Its decimal value is 11516840.

Hex triplet	afbba8	`#afbba8`
RGB Decimal	175, 187, 168	`rgb(175,187,168)`
RGB Percent	68.6, 73.3, 65.9	`rgb(68.6%,73.3%,65.9%)`
CMYK	6, 0, 10, 27
HSL	97.9°, 12.3, 69.6	`hsl(97.9,12.3%,69.6%)`
HSV (or HSB)	97.9°, 10.2, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.497, -7.681, 8.201
XYZ	42.516, 47.482, 43.969
xyY	0.317, 0.354, 47.482
CIE-LCH	74.497, 11.236, 133.126
CIE-LUV	74.497, -5.843, 13.201
Hunter-Lab	68.907, -10.451, 10.403
Binary	10101111, 10111011, 10101000

#afbba8
```
#afbba8 rgb(175,187,168)
```
#b4a8bb
```
#b4a8bb rgb(180,168,187)
```

Complementary Color

#b9bba8
```
#b9bba8 rgb(185,187,168)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#a8bbab
```
#a8bbab rgb(168,187,171)
```

Analogous Color

#bba8b9
```
#bba8b9 rgb(187,168,185)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#aba8bb
```
#aba8bb rgb(171,168,187)
```

Split Complementary Color

#bba8af
```
#bba8af rgb(187,168,175)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#a8afbb
```
#a8afbb rgb(168,175,187)
```

Triadic Color

#bbb4a8
```
#bbb4a8 rgb(187,180,168)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#a8afbb
```
#a8afbb rgb(168,175,187)
```
#b4a8bb
```
#b4a8bb rgb(180,168,187)
```

Tetradic Color

#88997d
```
#88997d rgb(136,153,125)
```
#95a58b
```
#95a58b rgb(149,165,139)
```
#a2b09a
```
#a2b09a rgb(162,176,154)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#bcc6b6
```
#bcc6b6 rgb(188,198,182)
```
#c9d1c5
```
#c9d1c5 rgb(201,209,197)
```
#d6ddd3
```
#d6ddd3 rgb(214,221,211)
```

Monochromatic Color

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

#b4bba8
```
#b4bba8 rgb(180,187,168)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#b1bba8
```
#b1bba8 rgb(177,187,168)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#adbba8
```
#adbba8 rgb(173,187,168)
```
#acbba8
```
#acbba8 rgb(172,187,168)
```
#aabba8
```
#aabba8 rgb(170,187,168)
```

Similar Colors

Text with hexadecimal color #afbba8

This text has a font color of #afbba8.

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

#afbba8 background color

This paragraph has a background color of #afbba8.

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

#afbba8 border color

This element has a border color of #afbba8.

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

CSS codes

.text {color:#afbba8;}

.background {background-color:#afbba8;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0c09
```
#0a0c09 rgb(10,12,9)
```
#141712
```
#141712 rgb(20,23,18)
```
#1d221b
```
#1d221b rgb(29,34,27)
```
#272d23
```
#272d23 rgb(39,45,35)
```
#30382c
```
#30382c rgb(48,56,44)
```
#3a4334
```
#3a4334 rgb(58,67,52)
```
#434e3d
```
#434e3d rgb(67,78,61)
```
#4d5946
```
#4d5946 rgb(77,89,70)
```
#56644e
```
#56644e rgb(86,100,78)
```
#606f57
```
#606f57 rgb(96,111,87)
```
#697a60
```
#697a60 rgb(105,122,96)
```
#738568
```
#738568 rgb(115,133,104)
```

Shade Color Variation

#7c9071
```
#7c9071 rgb(124,144,113)
```
#87997c
```
#87997c rgb(135,153,124)
```
#91a187
```
#91a187 rgb(145,161,135)
```
#9baa92
```
#9baa92 rgb(155,170,146)
```
#a5b29d
```
#a5b29d rgb(165,178,157)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#b9c4b3
```
#b9c4b3 rgb(185,196,179)
```
#c3ccbe
```
#c3ccbe rgb(195,204,190)
```
#cdd5c9
```
#cdd5c9 rgb(205,213,201)
```
#d7ddd4
```
#d7ddd4 rgb(215,221,212)
```
#e2e6df
```
#e2e6df rgb(226,230,223)
```
#ecefea
```
#ecefea rgb(236,239,234)
```
#f6f7f5
```
#f6f7f5 rgb(246,247,245)
```

Tint Color Variation

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

#b1b5ae
```
#b1b5ae rgb(177,181,174)
```
#afbba8
```
#afbba8 rgb(175,187,168)
```
#adc1a2
```
#adc1a2 rgb(173,193,162)
```
#acc79c
```
#acc79c rgb(172,199,156)
```
#aacd96
```
#aacd96 rgb(170,205,150)
```
#a9d390
```
#a9d390 rgb(169,211,144)
```
#a7d98a
```
#a7d98a rgb(167,217,138)
```
#a6df84
```
#a6df84 rgb(166,223,132)
```
#a4e57e
```
#a4e57e rgb(164,229,126)
```
#a2eb78
```
#a2eb78 rgb(162,235,120)
```
#a1f172
```
#a1f172 rgb(161,241,114)
```
#9ff76c
```
#9ff76c rgb(159,247,108)
```
#9efd66
```
#9efd66 rgb(158,253,102)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2baaa Protanopia 1% of men
#d0b4af Deuteranopia 1% of men
#b8bac7 Tritanopia 0.001% of the population

Trichromacy

#bbbaa9 Protanomaly 1% of men, 0.01% of women
#c4b7ac Deuteranomaly 6% of men, 0.4% of women
#b4babc Tritanomaly 0.01% of the population

#afbba8 hex color

#afbba8 Color Information

#afbba8 Color Conversion

Color Schemes with #afbba8

Alternatives to #afbba8

#afbba8 Preview

Shades and Tints of #afbba8

Tones of #afbba8

Color Blindness Simulator