#afbb93 hex color

In a RGB color space, hex #afbb93 is composed of 68.6% red, 73.3% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 21.4% yellow and 26.7% black. It has a hue angle of 78 degrees, a saturation of 22.7% and a lightness of 65.5%. #afbb93 color hex could be obtained by blending #ffffff with #5f7727. Closest websafe color is: #99cc99.

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

● #afbb93 color description : Grayish green.

The hexadecimal color #afbb93 has RGB values of R:175, G:187, B:147 and CMYK values of C:0.06, M:0, Y:0.21, K:0.27. Its decimal value is 11516819.

Hex triplet	afbb93	`#afbb93`
RGB Decimal	175, 187, 147	`rgb(175,187,147)`
RGB Percent	68.6, 73.3, 57.6	`rgb(68.6%,73.3%,57.6%)`
CMYK	6, 0, 21, 27
HSL	78°, 22.7, 65.5	`hsl(78,22.7%,65.5%)`
HSV (or HSB)	78°, 21.4, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.037, -11.176, 18.91
XYZ	40.715, 46.761, 34.483
xyY	0.334, 0.383, 46.761
CIE-LCH	74.037, 21.965, 120.583
CIE-LUV	74.037, -5.042, 28.267
Hunter-Lab	68.382, -13.389, 17.969
Binary	10101111, 10111011, 10010011

#afbb93
```
#afbb93 rgb(175,187,147)
```
#9f93bb
```
#9f93bb rgb(159,147,187)
```

Complementary Color

#bbb393
```
#bbb393 rgb(187,179,147)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#9bbb93
```
#9bbb93 rgb(155,187,147)
```

Analogous Color

#b393bb
```
#b393bb rgb(179,147,187)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#939bbb
```
#939bbb rgb(147,155,187)
```

Split Complementary Color

#bb93af
```
#bb93af rgb(187,147,175)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#93afbb
```
#93afbb rgb(147,175,187)
```

Triadic Color

#bb9f93
```
#bb9f93 rgb(187,159,147)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#93afbb
```
#93afbb rgb(147,175,187)
```
#9f93bb
```
#9f93bb rgb(159,147,187)
```

Tetradic Color

#8c9d64
```
#8c9d64 rgb(140,157,100)
```
#98a774
```
#98a774 rgb(152,167,116)
```
#a3b183
```
#a3b183 rgb(163,177,131)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#bbc5a3
```
#bbc5a3 rgb(187,197,163)
```
#c6cfb2
```
#c6cfb2 rgb(198,207,178)
```
#d2d9c2
```
#d2d9c2 rgb(210,217,194)
```

Monochromatic Color

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

#b9bb93
```
#b9bb93 rgb(185,187,147)
```
#b6bb93
```
#b6bb93 rgb(182,187,147)
```
#b2bb93
```
#b2bb93 rgb(178,187,147)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#acbb93
```
#acbb93 rgb(172,187,147)
```
#a8bb93
```
#a8bb93 rgb(168,187,147)
```
#a5bb93
```
#a5bb93 rgb(165,187,147)
```

Similar Colors

Text with hexadecimal color #afbb93

This text has a font color of #afbb93.

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

#afbb93 background color

This paragraph has a background color of #afbb93.

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

#afbb93 border color

This element has a border color of #afbb93.

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

CSS codes

.text {color:#afbb93;}

.background {background-color:#afbb93;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0c08
```
#0b0c08 rgb(11,12,8)
```
#16180f
```
#16180f rgb(22,24,15)
```
#202417
```
#202417 rgb(32,36,23)
```
#2b301f
```
#2b301f rgb(43,48,31)
```
#363d26
```
#363d26 rgb(54,61,38)
```
#40492e
```
#40492e rgb(64,73,46)
```
#4b5535
```
#4b5535 rgb(75,85,53)
```
#56613d
```
#56613d rgb(86,97,61)
```
#616d44
```
#616d44 rgb(97,109,68)
```
#6b794c
```
#6b794c rgb(107,121,76)
```
#768554
```
#768554 rgb(118,133,84)
```
#81915b
```
#81915b rgb(129,145,91)
```

Shade Color Variation

#8b9d63
```
#8b9d63 rgb(139,157,99)
```
#94a46f
```
#94a46f rgb(148,164,111)
```
#9dac7b
```
#9dac7b rgb(157,172,123)
```
#a6b387
```
#a6b387 rgb(166,179,135)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#b8c39f
```
#b8c39f rgb(184,195,159)
```
#c1caab
```
#c1caab rgb(193,202,171)
```
#cad2b7
```
#cad2b7 rgb(202,210,183)
```
#d3d9c3
```
#d3d9c3 rgb(211,217,195)
```
#dce1cf
```
#dce1cf rgb(220,225,207)
```
#e4e8db
```
#e4e8db rgb(228,232,219)
```
#edf0e7
```
#edf0e7 rgb(237,240,231)
```
#f6f8f3
```
#f6f8f3 rgb(246,248,243)
```

Tint Color Variation

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

#aaada1
```
#aaada1 rgb(170,173,161)
```
#acb49a
```
#acb49a rgb(172,180,154)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#b2c28c
```
#b2c28c rgb(178,194,140)
```
#b4c985
```
#b4c985 rgb(180,201,133)
```
#b7cf7f
```
#b7cf7f rgb(183,207,127)
```
#bad678
```
#bad678 rgb(186,214,120)
```
#bddd71
```
#bddd71 rgb(189,221,113)
```
#bfe46a
```
#bfe46a rgb(191,228,106)
```
#c2ea64
```
#c2ea64 rgb(194,234,100)
```
#c5f15d
```
#c5f15d rgb(197,241,93)
```
#c7f856
```
#c7f856 rgb(199,248,86)
```
#caff4f
```
#caff4f rgb(202,255,79)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2b5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b996 Protanopia 1% of men
#d5b39c Deuteranopia 1% of men
#bab8c5 Tritanopia 0.001% of the population

Trichromacy

#bcb995 Protanomaly 1% of men, 0.01% of women
#c7b598 Deuteranomaly 6% of men, 0.4% of women
#b6b9b3 Tritanomaly 0.01% of the population

#afbb93 hex color

#afbb93 Color Information

#afbb93 Color Conversion

Color Schemes with #afbb93

Alternatives to #afbb93

#afbb93 Preview

Shades and Tints of #afbb93

Tones of #afbb93

Color Blindness Simulator