#afbba0 hex color

In a RGB color space, hex #afbba0 is composed of 68.6% red, 73.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 14.4% yellow and 26.7% black. It has a hue angle of 86.7 degrees, a saturation of 16.6% and a lightness of 68%. #afbba0 color hex could be obtained by blending #ffffff with #5f7741. Closest websafe color is: #99cc99.

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

● #afbba0 color description : Grayish green.

The hexadecimal color #afbba0 has RGB values of R:175, G:187, B:160 and CMYK values of C:0.06, M:0, Y:0.14, K:0.27. Its decimal value is 11516832.

Hex triplet	afbba0	`#afbba0`
RGB Decimal	175, 187, 160	`rgb(175,187,160)`
RGB Percent	68.6, 73.3, 62.7	`rgb(68.6%,73.3%,62.7%)`
CMYK	6, 0, 14, 27
HSL	86.7°, 16.6, 68	`hsl(86.7,16.6%,68%)`
HSV (or HSB)	86.7°, 14.4, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.313, -9.066, 12.278
XYZ	41.793, 47.192, 40.163
xyY	0.324, 0.365, 47.192
CIE-LCH	74.313, 15.262, 126.444
CIE-LUV	74.313, -5.53, 19.096
Hunter-Lab	68.697, -11.624, 13.424
Binary	10101111, 10111011, 10100000

#afbba0
```
#afbba0 rgb(175,187,160)
```
#aca0bb
```
#aca0bb rgb(172,160,187)
```

Complementary Color

#bbbaa0
```
#bbbaa0 rgb(187,186,160)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#a2bba0
```
#a2bba0 rgb(162,187,160)
```

Analogous Color

#baa0bb
```
#baa0bb rgb(186,160,187)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#a0a2bb
```
#a0a2bb rgb(160,162,187)
```

Split Complementary Color

#bba0af
```
#bba0af rgb(187,160,175)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#a0afbb
```
#a0afbb rgb(160,175,187)
```

Triadic Color

#bbaca0
```
#bbaca0 rgb(187,172,160)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#a0afbb
```
#a0afbb rgb(160,175,187)
```
#aca0bb
```
#aca0bb rgb(172,160,187)
```

Tetradic Color

#899b73
```
#899b73 rgb(137,155,115)
```
#96a682
```
#96a682 rgb(150,166,130)
```
#a2b091
```
#a2b091 rgb(162,176,145)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#bcc6af
```
#bcc6af rgb(188,198,175)
```
#c8d0be
```
#c8d0be rgb(200,208,190)
```
#d5dbcd
```
#d5dbcd rgb(213,219,205)
```

Monochromatic Color

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

#b6bba0
```
#b6bba0 rgb(182,187,160)
```
#b4bba0
```
#b4bba0 rgb(180,187,160)
```
#b1bba0
```
#b1bba0 rgb(177,187,160)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#adbba0
```
#adbba0 rgb(173,187,160)
```
#abbba0
```
#abbba0 rgb(171,187,160)
```
#a8bba0
```
#a8bba0 rgb(168,187,160)
```

Similar Colors

Text with hexadecimal color #afbba0

This text has a font color of #afbba0.

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

#afbba0 background color

This paragraph has a background color of #afbba0.

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

#afbba0 border color

This element has a border color of #afbba0.

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

CSS codes

.text {color:#afbba0;}

.background {background-color:#afbba0;}

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

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 #fcfcfb is the lightest one.

#070806
```
#070806 rgb(7,8,6)
```
#11130e
```
#11130e rgb(17,19,14)
```
#1b1f16
```
#1b1f16 rgb(27,31,22)
```
#252a1e
```
#252a1e rgb(37,42,30)
```
#2f3626
```
#2f3626 rgb(47,54,38)
```
#39412f
```
#39412f rgb(57,65,47)
```
#434c37
```
#434c37 rgb(67,76,55)
```
#4d583f
```
#4d583f rgb(77,88,63)
```
#576347
```
#576347 rgb(87,99,71)
```
#616f4f
```
#616f4f rgb(97,111,79)
```
#6b7a57
```
#6b7a57 rgb(107,122,87)
```
#758660
```
#758660 rgb(117,134,96)
```
#7f9168
```
#7f9168 rgb(127,145,104)
```

Shade Color Variation

#889a72
```
#889a72 rgb(136,154,114)
```
#92a27e
```
#92a27e rgb(146,162,126)
```
#9cab89
```
#9cab89 rgb(156,171,137)
```
#a5b395
```
#a5b395 rgb(165,179,149)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#b9c3ab
```
#b9c3ab rgb(185,195,171)
```
#c2cbb7
```
#c2cbb7 rgb(194,203,183)
```
#ccd4c2
```
#ccd4c2 rgb(204,212,194)
```
#d6dcce
```
#d6dcce rgb(214,220,206)
```
#dfe4d9
```
#dfe4d9 rgb(223,228,217)
```
#e9ece5
```
#e9ece5 rgb(233,236,229)
```
#f2f4f0
```
#f2f4f0 rgb(242,244,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#aeaead
```
#aeaead rgb(174,174,173)
```
#aeb5a6
```
#aeb5a6 rgb(174,181,166)
```
#afbba0
```
#afbba0 rgb(175,187,160)
```
#b0c19a
```
#b0c19a rgb(176,193,154)
```
#b0c893
```
#b0c893 rgb(176,200,147)
```
#b1ce8d
```
#b1ce8d rgb(177,206,141)
```
#b2d487
```
#b2d487 rgb(178,212,135)
```
#b2da81
```
#b2da81 rgb(178,218,129)
```
#b3e17a
```
#b3e17a rgb(179,225,122)
```
#b4e774
```
#b4e774 rgb(180,231,116)
```
#b5ed6e
```
#b5ed6e rgb(181,237,110)
```
#b5f368
```
#b5f368 rgb(181,243,104)
```
#b6fa61
```
#b6fa61 rgb(182,250,97)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b5b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b9a2 Protanopia 1% of men
#d2b4a8 Deuteranopia 1% of men
#b9b9c6 Tritanopia 0.001% of the population

Trichromacy

#bbbaa1 Protanomaly 1% of men, 0.01% of women
#c5b6a5 Deuteranomaly 6% of men, 0.4% of women
#b5bab8 Tritanomaly 0.01% of the population

#afbba0 hex color

#afbba0 Color Information

#afbba0 Color Conversion

Color Schemes with #afbba0

Alternatives to #afbba0

#afbba0 Preview

Shades and Tints of #afbba0

Tones of #afbba0

Color Blindness Simulator