#afb899 hex color

In a RGB color space, hex #afb899 is composed of 68.6% red, 72.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 16.8% yellow and 27.8% black. It has a hue angle of 77.4 degrees, a saturation of 17.9% and a lightness of 66.1%. #afb899 color hex could be obtained by blending #ffffff with #5f7133. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 72
- B 60
RGB color chart
- C 5
- M 0
- Y 17
- K 28
CMYK color chart

● #afb899 color description : Grayish green.

The hexadecimal color #afb899 has RGB values of R:175, G:184, B:153 and CMYK values of C:0.05, M:0, Y:0.17, K:0.28. Its decimal value is 11516057.

Hex triplet	afb899	`#afb899`
RGB Decimal	175, 184, 153	`rgb(175,184,153)`
RGB Percent	68.6, 72.2, 60	`rgb(68.6%,72.2%,60%)`
CMYK	5, 0, 17, 28
HSL	77.4°, 17.9, 66.1	`hsl(77.4,17.9%,66.1%)`
HSV (or HSB)	77.4°, 16.8, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.347, -8.656, 14.711
XYZ	40.568, 45.695, 36.818
xyY	0.33, 0.371, 45.695
CIE-LCH	73.347, 17.068, 120.473
CIE-LUV	73.347, -3.658, 22.247
Hunter-Lab	67.598, -11.171, 15.026
Binary	10101111, 10111000, 10011001

#afb899
```
#afb899 rgb(175,184,153)
```
#a299b8
```
#a299b8 rgb(162,153,184)
```

Complementary Color

#b8b299
```
#b8b299 rgb(184,178,153)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#a0b899
```
#a0b899 rgb(160,184,153)
```

Analogous Color

#b299b8
```
#b299b8 rgb(178,153,184)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#99a0b8
```
#99a0b8 rgb(153,160,184)
```

Split Complementary Color

#b899af
```
#b899af rgb(184,153,175)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#99afb8
```
#99afb8 rgb(153,175,184)
```

Triadic Color

#b8a299
```
#b8a299 rgb(184,162,153)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#99afb8
```
#99afb8 rgb(153,175,184)
```
#a299b8
```
#a299b8 rgb(162,153,184)
```

Tetradic Color

#8c996c
```
#8c996c rgb(140,153,108)
```
#97a37b
```
#97a37b rgb(151,163,123)
```
#a3ae8a
```
#a3ae8a rgb(163,174,138)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#bbc2a8
```
#bbc2a8 rgb(187,194,168)
```
#c7cdb7
```
#c7cdb7 rgb(199,205,183)
```
#d2d7c6
```
#d2d7c6 rgb(210,215,198)
```

Monochromatic Color

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

#b7b899
```
#b7b899 rgb(183,184,153)
```
#b4b899
```
#b4b899 rgb(180,184,153)
```
#b2b899
```
#b2b899 rgb(178,184,153)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#acb899
```
#acb899 rgb(172,184,153)
```
#aab899
```
#aab899 rgb(170,184,153)
```
#a7b899
```
#a7b899 rgb(167,184,153)
```

Similar Colors

Text with hexadecimal color #afb899

This text has a font color of #afb899.

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

#afb899 background color

This paragraph has a background color of #afb899.

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

#afb899 border color

This element has a border color of #afb899.

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

CSS codes

.text {color:#afb899;}

.background {background-color:#afb899;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0c0e0a
```
#0c0e0a rgb(12,14,10)
```
#171912
```
#171912 rgb(23,25,18)
```
#22251a
```
#22251a rgb(34,37,26)
```
#2c3022
```
#2c3022 rgb(44,48,34)
```
#373c2a
```
#373c2a rgb(55,60,42)
```
#414732
```
#414732 rgb(65,71,50)
```
#4c533a
```
#4c533a rgb(76,83,58)
```
#565f42
```
#565f42 rgb(86,95,66)
```
#616a4a
```
#616a4a rgb(97,106,74)
```
#6b7652
```
#6b7652 rgb(107,118,82)
```
#76815a
```
#76815a rgb(118,129,90)
```
#808d62
```
#808d62 rgb(128,141,98)
```

Shade Color Variation

#8b986b
```
#8b986b rgb(139,152,107)
```
#94a076
```
#94a076 rgb(148,160,118)
```
#9da882
```
#9da882 rgb(157,168,130)
```
#a6b08d
```
#a6b08d rgb(166,176,141)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#b8c0a5
```
#b8c0a5 rgb(184,192,165)
```
#c1c8b0
```
#c1c8b0 rgb(193,200,176)
```
#cad0bc
```
#cad0bc rgb(202,208,188)
```
#d3d8c7
```
#d3d8c7 rgb(211,216,199)
```
#dce0d3
```
#dce0d3 rgb(220,224,211)
```
#e5e8de
```
#e5e8de rgb(229,232,222)
```
#eef0ea
```
#eef0ea rgb(238,240,234)
```
#f8f8f6
```
#f8f8f6 rgb(248,248,246)
```

Tint Color Variation

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

#a9aba6
```
#a9aba6 rgb(169,171,166)
```
#acb1a0
```
#acb1a0 rgb(172,177,160)
```
#afb899
```
#afb899 rgb(175,184,153)
```
#b2bf92
```
#b2bf92 rgb(178,191,146)
```
#b5c58c
```
#b5c58c rgb(181,197,140)
```
#b7cc85
```
#b7cc85 rgb(183,204,133)
```
#bad37e
```
#bad37e rgb(186,211,126)
```
#bdd978
```
#bdd978 rgb(189,217,120)
```
#c0e071
```
#c0e071 rgb(192,224,113)
```
#c3e76a
```
#c3e76a rgb(195,231,106)
```
#c5ed64
```
#c5ed64 rgb(197,237,100)
```
#c8f45d
```
#c8f45d rgb(200,244,93)
```
#cbfb56
```
#cbfb56 rgb(203,251,86)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b79c Protanopia 1% of men
#d1b1a1 Deuteranopia 1% of men
#b9b6c3 Tritanopia 0.001% of the population

Trichromacy

#bab79b Protanomaly 1% of men, 0.01% of women
#c4b39e Deuteranomaly 6% of men, 0.4% of women
#b5b6b3 Tritanomaly 0.01% of the population

#afb899 hex color

#afb899 Color Information

#afb899 Color Conversion

Color Schemes with #afb899

Alternatives to #afb899

#afb899 Preview

Shades and Tints of #afb899

Tones of #afb899

Color Blindness Simulator