#afbba1 hex color

In a RGB color space, hex #afbba1 is composed of 68.6% red, 73.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 13.9% yellow and 26.7% black. It has a hue angle of 87.7 degrees, a saturation of 16% and a lightness of 68.2%. #afbba1 color hex could be obtained by blending #ffffff with #5f7743. 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

● #afbba1 color description : Grayish green.

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

Hex triplet	afbba1	`#afbba1`
RGB Decimal	175, 187, 161	`rgb(175,187,161)`
RGB Percent	68.6, 73.3, 63.1	`rgb(68.6%,73.3%,63.1%)`
CMYK	6, 0, 14, 27
HSL	87.7°, 16, 68.2	`hsl(87.7,16%,68.2%)`
HSV (or HSB)	87.7°, 13.9, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.335, -8.897, 11.768
XYZ	41.881, 47.228, 40.626
xyY	0.323, 0.364, 47.228
CIE-LCH	74.335, 14.752, 127.091
CIE-LUV	74.335, -5.568, 18.369
Hunter-Lab	68.722, -11.481, 13.056
Binary	10101111, 10111011, 10100001

#afbba1
```
#afbba1 rgb(175,187,161)
```
#ada1bb
```
#ada1bb rgb(173,161,187)
```

Complementary Color

#bbbaa1
```
#bbbaa1 rgb(187,186,161)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#a2bba1
```
#a2bba1 rgb(162,187,161)
```

Analogous Color

#baa1bb
```
#baa1bb rgb(186,161,187)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#a1a2bb
```
#a1a2bb rgb(161,162,187)
```

Split Complementary Color

#bba1af
```
#bba1af rgb(187,161,175)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#a1afbb
```
#a1afbb rgb(161,175,187)
```

Triadic Color

#bbada1
```
#bbada1 rgb(187,173,161)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#a1afbb
```
#a1afbb rgb(161,175,187)
```
#ada1bb
```
#ada1bb rgb(173,161,187)
```

Tetradic Color

#899b75
```
#899b75 rgb(137,155,117)
```
#96a683
```
#96a683 rgb(150,166,131)
```
#a2b092
```
#a2b092 rgb(162,176,146)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#bcc6b0
```
#bcc6b0 rgb(188,198,176)
```
#c8d0bf
```
#c8d0bf rgb(200,208,191)
```
#d5dbcd
```
#d5dbcd rgb(213,219,205)
```

Monochromatic Color

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

#b6bba1
```
#b6bba1 rgb(182,187,161)
```
#b3bba1
```
#b3bba1 rgb(179,187,161)
```
#b1bba1
```
#b1bba1 rgb(177,187,161)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#adbba1
```
#adbba1 rgb(173,187,161)
```
#abbba1
```
#abbba1 rgb(171,187,161)
```
#a9bba1
```
#a9bba1 rgb(169,187,161)
```

Similar Colors

Text with hexadecimal color #afbba1

This text has a font color of #afbba1.

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

#afbba1 background color

This paragraph has a background color of #afbba1.

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

#afbba1 border color

This element has a border color of #afbba1.

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

CSS codes

.text {color:#afbba1;}

.background {background-color:#afbba1;}

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

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

#070806
```
#070806 rgb(7,8,6)
```
#11140e
```
#11140e rgb(17,20,14)
```
#1b1f17
```
#1b1f17 rgb(27,31,23)
```
#252b1f
```
#252b1f rgb(37,43,31)
```
#2f3627
```
#2f3627 rgb(47,54,39)
```
#39412f
```
#39412f rgb(57,65,47)
```
#434d38
```
#434d38 rgb(67,77,56)
```
#4d5840
```
#4d5840 rgb(77,88,64)
```
#576348
```
#576348 rgb(87,99,72)
```
#616f50
```
#616f50 rgb(97,111,80)
```
#6b7a58
```
#6b7a58 rgb(107,122,88)
```
#758661
```
#758661 rgb(117,134,97)
```
#7f9169
```
#7f9169 rgb(127,145,105)
```

Shade Color Variation

#889a73
```
#889a73 rgb(136,154,115)
```
#92a27f
```
#92a27f rgb(146,162,127)
```
#9cab8a
```
#9cab8a rgb(156,171,138)
```
#a5b396
```
#a5b396 rgb(165,179,150)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#b9c3ac
```
#b9c3ac rgb(185,195,172)
```
#c2cbb8
```
#c2cbb8 rgb(194,203,184)
```
#ccd4c3
```
#ccd4c3 rgb(204,212,195)
```
#d6dccf
```
#d6dccf rgb(214,220,207)
```
#dfe4da
```
#dfe4da rgb(223,228,218)
```
#e9ece5
```
#e9ece5 rgb(233,236,229)
```
#f3f5f1
```
#f3f5f1 rgb(243,245,241)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#aeafad
```
#aeafad rgb(174,175,173)
```
#afb5a7
```
#afb5a7 rgb(175,181,167)
```
#afbba1
```
#afbba1 rgb(175,187,161)
```
#afc19b
```
#afc19b rgb(175,193,155)
```
#b0c795
```
#b0c795 rgb(176,199,149)
```
#b0ce8e
```
#b0ce8e rgb(176,206,142)
```
#b1d488
```
#b1d488 rgb(177,212,136)
```
#b1da82
```
#b1da82 rgb(177,218,130)
```
#b2e07c
```
#b2e07c rgb(178,224,124)
```
#b2e775
```
#b2e775 rgb(178,231,117)
```
#b3ed6f
```
#b3ed6f rgb(179,237,111)
```
#b3f369
```
#b3f369 rgb(179,243,105)
```
#b4f963
```
#b4f963 rgb(180,249,99)
```

Tone Color Variation

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

#c3baa3 Protanopia 1% of men
#d2b4a9 Deuteranopia 1% of men
#b9b9c6 Tritanopia 0.001% of the population

Trichromacy

#bbbaa2 Protanomaly 1% of men, 0.01% of women
#c5b6a6 Deuteranomaly 6% of men, 0.4% of women
#b5bab9 Tritanomaly 0.01% of the population

#afbba1 hex color

#afbba1 Color Information

#afbba1 Color Conversion

Color Schemes with #afbba1

Alternatives to #afbba1

#afbba1 Preview

Shades and Tints of #afbba1

Tones of #afbba1

Color Blindness Simulator