#afb99e hex color

In a RGB color space, hex #afb99e is composed of 68.6% red, 72.5% green and 62% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 14.6% yellow and 27.5% black. It has a hue angle of 82.2 degrees, a saturation of 16.2% and a lightness of 67.3%. #afb99e color hex could be obtained by blending #ffffff with #5f733d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 73
- B 62
RGB color chart
- C 5
- M 0
- Y 15
- K 27
CMYK color chart

● #afb99e color description : Grayish green.

The hexadecimal color #afb99e has RGB values of R:175, G:185, B:158 and CMYK values of C:0.05, M:0, Y:0.15, K:0.27. Its decimal value is 11516318.

Hex triplet	afb99e	`#afb99e`
RGB Decimal	175, 185, 158	`rgb(175,185,158)`
RGB Percent	68.6, 72.5, 62	`rgb(68.6%,72.5%,62%)`
CMYK	5, 0, 15, 27
HSL	82.2°, 16.2, 67.3	`hsl(82.2,16.2%,67.3%)`
HSV (or HSB)	82.2°, 14.6, 72.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.727, -8.355, 12.534
XYZ	41.198, 46.28, 39.108
xyY	0.325, 0.366, 46.28
CIE-LCH	73.727, 15.064, 123.686
CIE-LUV	73.727, -4.395, 19.287
Hunter-Lab	68.03, -10.953, 13.537
Binary	10101111, 10111001, 10011110

#afb99e
```
#afb99e rgb(175,185,158)
```
#a89eb9
```
#a89eb9 rgb(168,158,185)
```

Complementary Color

#b9b69e
```
#b9b69e rgb(185,182,158)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#a2b99e
```
#a2b99e rgb(162,185,158)
```

Analogous Color

#b69eb9
```
#b69eb9 rgb(182,158,185)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#9ea2b9
```
#9ea2b9 rgb(158,162,185)
```

Split Complementary Color

#b99eaf
```
#b99eaf rgb(185,158,175)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#9eafb9
```
#9eafb9 rgb(158,175,185)
```

Triadic Color

#b9a89e
```
#b9a89e rgb(185,168,158)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#9eafb9
```
#9eafb9 rgb(158,175,185)
```
#a89eb9
```
#a89eb9 rgb(168,158,185)
```

Tetradic Color

#8a9972
```
#8a9972 rgb(138,153,114)
```
#97a480
```
#97a480 rgb(151,164,128)
```
#a3ae8f
```
#a3ae8f rgb(163,174,143)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#bbc4ad
```
#bbc4ad rgb(187,196,173)
```
#c7cebc
```
#c7cebc rgb(199,206,188)
```
#d4d9ca
```
#d4d9ca rgb(212,217,202)
```

Monochromatic Color

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

#b6b99e
```
#b6b99e rgb(182,185,158)
```
#b4b99e
```
#b4b99e rgb(180,185,158)
```
#b1b99e
```
#b1b99e rgb(177,185,158)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#adb99e
```
#adb99e rgb(173,185,158)
```
#abb99e
```
#abb99e rgb(171,185,158)
```
#a8b99e
```
#a8b99e rgb(168,185,158)
```

Similar Colors

Text with hexadecimal color #afb99e

This text has a font color of #afb99e.

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

#afb99e background color

This paragraph has a background color of #afb99e.

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

#afb99e border color

This element has a border color of #afb99e.

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

CSS codes

.text {color:#afb99e;}

.background {background-color:#afb99e;}

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

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

#050604
```
#050604 rgb(5,6,4)
```
#0f110c
```
#0f110c rgb(15,17,12)
```
#191c14
```
#191c14 rgb(25,28,20)
```
#24281d
```
#24281d rgb(36,40,29)
```
#2e3325
```
#2e3325 rgb(46,51,37)
```
#383f2d
```
#383f2d rgb(56,63,45)
```
#424a35
```
#424a35 rgb(66,74,53)
```
#4d553e
```
#4d553e rgb(77,85,62)
```
#576146
```
#576146 rgb(87,97,70)
```
#616c4e
```
#616c4e rgb(97,108,78)
```
#6b7756
```
#6b7756 rgb(107,119,86)
```
#75835e
```
#75835e rgb(117,131,94)
```
#808e67
```
#808e67 rgb(128,142,103)
```

Shade Color Variation

#899870
```
#899870 rgb(137,152,112)
```
#93a07c
```
#93a07c rgb(147,160,124)
```
#9ca987
```
#9ca987 rgb(156,169,135)
```
#a6b193
```
#a6b193 rgb(166,177,147)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#b8c1a9
```
#b8c1a9 rgb(184,193,169)
```
#c2c9b5
```
#c2c9b5 rgb(194,201,181)
```
#cbd2c0
```
#cbd2c0 rgb(203,210,192)
```
#d5dacc
```
#d5dacc rgb(213,218,204)
```
#dee2d7
```
#dee2d7 rgb(222,226,215)
```
#e7eae2
```
#e7eae2 rgb(231,234,226)
```
#f1f3ee
```
#f1f3ee rgb(241,243,238)
```
#fafbf9
```
#fafbf9 rgb(250,251,249)
```

Tint Color Variation

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

#acacab
```
#acacab rgb(172,172,171)
```
#adb3a4
```
#adb3a4 rgb(173,179,164)
```
#afb99e
```
#afb99e rgb(175,185,158)
```
#b1bf98
```
#b1bf98 rgb(177,191,152)
```
#b2c691
```
#b2c691 rgb(178,198,145)
```
#b4cc8b
```
#b4cc8b rgb(180,204,139)
```
#b6d384
```
#b6d384 rgb(182,211,132)
```
#b7d97e
```
#b7d97e rgb(183,217,126)
```
#b9e077
```
#b9e077 rgb(185,224,119)
```
#bbe671
```
#bbe671 rgb(187,230,113)
```
#bcec6b
```
#bcec6b rgb(188,236,107)
```
#bef364
```
#bef364 rgb(190,243,100)
```
#c0f95e
```
#c0f95e rgb(192,249,94)
```

Tone Color Variation

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

Dichromacy

#c1b8a1 Protanopia 1% of men
#d1b2a6 Deuteranopia 1% of men
#b9b7c4 Tritanopia 0.001% of the population

Trichromacy

#bab89f Protanomaly 1% of men, 0.01% of women
#c4b5a3 Deuteranomaly 6% of men, 0.4% of women
#b5b8b6 Tritanomaly 0.01% of the population

#afb99e hex color

#afb99e Color Information

#afb99e Color Conversion

Color Schemes with #afb99e

Alternatives to #afb99e

#afb99e Preview

Shades and Tints of #afb99e

Tones of #afb99e

Color Blindness Simulator