#afbe9f hex color

In a RGB color space, hex #afbe9f is composed of 68.6% red, 74.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 16.3% yellow and 25.5% black. It has a hue angle of 89 degrees, a saturation of 19.3% and a lightness of 68.4%. #afbe9f color hex could be obtained by blending #ffffff with #5f7d3f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 75
- B 62
RGB color chart
- C 8
- M 0
- Y 16
- K 25
CMYK color chart

● #afbe9f color description : Grayish green.

The hexadecimal color #afbe9f has RGB values of R:175, G:190, B:159 and CMYK values of C:0.08, M:0, Y:0.16, K:0.25. Its decimal value is 11517599.

Hex triplet	afbe9f	`#afbe9f`
RGB Decimal	175, 190, 159	`rgb(175,190,159)`
RGB Percent	68.6, 74.5, 62.4	`rgb(68.6%,74.5%,62.4%)`
CMYK	8, 0, 16, 25
HSL	89°, 19.3, 68.4	`hsl(89,19.3%,68.4%)`
HSV (or HSB)	89°, 16.3, 74.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.104, -10.799, 13.934
XYZ	42.349, 48.444, 39.918
xyY	0.324, 0.371, 48.444
CIE-LCH	75.104, 17.628, 127.776
CIE-LUV	75.104, -7.069, 21.702
Hunter-Lab	69.602, -13.194, 14.717
Binary	10101111, 10111110, 10011111

#afbe9f
```
#afbe9f rgb(175,190,159)
```
#ae9fbe
```
#ae9fbe rgb(174,159,190)
```

Complementary Color

#bebe9f
```
#bebe9f rgb(190,190,159)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#a0be9f
```
#a0be9f rgb(160,190,159)
```

Analogous Color

#be9fbe
```
#be9fbe rgb(190,159,190)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#9fa0be
```
#9fa0be rgb(159,160,190)
```

Split Complementary Color

#be9faf
```
#be9faf rgb(190,159,175)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#9fafbe
```
#9fafbe rgb(159,175,190)
```

Triadic Color

#beae9f
```
#beae9f rgb(190,174,159)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#9fafbe
```
#9fafbe rgb(159,175,190)
```
#ae9fbe
```
#ae9fbe rgb(174,159,190)
```

Tetradic Color

#899f71
```
#899f71 rgb(137,159,113)
```
#96a981
```
#96a981 rgb(150,169,129)
```
#a2b490
```
#a2b490 rgb(162,180,144)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#bcc8ae
```
#bcc8ae rgb(188,200,174)
```
#c8d3bd
```
#c8d3bd rgb(200,211,189)
```
#d5ddcd
```
#d5ddcd rgb(213,221,205)
```

Monochromatic Color

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

#b7be9f
```
#b7be9f rgb(183,190,159)
```
#b4be9f
```
#b4be9f rgb(180,190,159)
```
#b2be9f
```
#b2be9f rgb(178,190,159)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#acbe9f
```
#acbe9f rgb(172,190,159)
```
#aabe9f
```
#aabe9f rgb(170,190,159)
```
#a7be9f
```
#a7be9f rgb(167,190,159)
```

Similar Colors

Text with hexadecimal color #afbe9f

This text has a font color of #afbe9f.

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

#afbe9f background color

This paragraph has a background color of #afbe9f.

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

#afbe9f border color

This element has a border color of #afbe9f.

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

CSS codes

.text {color:#afbe9f;}

.background {background-color:#afbe9f;}

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

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

#080906
```
#080906 rgb(8,9,6)
```
#12150e
```
#12150e rgb(18,21,14)
```
#1c2116
```
#1c2116 rgb(28,33,22)
```
#252c1e
```
#252c1e rgb(37,44,30)
```
#2f3826
```
#2f3826 rgb(47,56,38)
```
#39442e
```
#39442e rgb(57,68,46)
```
#434f36
```
#434f36 rgb(67,79,54)
```
#4d5b3e
```
#4d5b3e rgb(77,91,62)
```
#576746
```
#576746 rgb(87,103,70)
```
#61734e
```
#61734e rgb(97,115,78)
```
#6b7e55
```
#6b7e55 rgb(107,126,85)
```
#748a5d
```
#748a5d rgb(116,138,93)
```
#7e9665
```
#7e9665 rgb(126,150,101)
```

Shade Color Variation

#889e70
```
#889e70 rgb(136,158,112)
```
#92a67c
```
#92a67c rgb(146,166,124)
```
#9cae88
```
#9cae88 rgb(156,174,136)
```
#a5b693
```
#a5b693 rgb(165,182,147)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#b9c6ab
```
#b9c6ab rgb(185,198,171)
```
#c2ceb6
```
#c2ceb6 rgb(194,206,182)
```
#ccd6c2
```
#ccd6c2 rgb(204,214,194)
```
#d6dece
```
#d6dece rgb(214,222,206)
```
#e0e6d9
```
#e0e6d9 rgb(224,230,217)
```
#e9eee5
```
#e9eee5 rgb(233,238,229)
```
#f3f5f1
```
#f3f5f1 rgb(243,245,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#afb2ab
```
#afb2ab rgb(175,178,171)
```
#afb8a5
```
#afb8a5 rgb(175,184,165)
```
#afbe9f
```
#afbe9f rgb(175,190,159)
```
#afc499
```
#afc499 rgb(175,196,153)
```
#afca93
```
#afca93 rgb(175,202,147)
```
#b0d18c
```
#b0d18c rgb(176,209,140)
```
#b0d786
```
#b0d786 rgb(176,215,134)
```
#b0dd80
```
#b0dd80 rgb(176,221,128)
```
#b0e37a
```
#b0e37a rgb(176,227,122)
```
#b0e974
```
#b0e974 rgb(176,233,116)
```
#b1f06d
```
#b1f06d rgb(177,240,109)
```
#b1f667
```
#b1f667 rgb(177,246,103)
```
#b1fc61
```
#b1fc61 rgb(177,252,97)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5b8b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bca1 Protanopia 1% of men
#d5b6a7 Deuteranopia 1% of men
#b9bbc9 Tritanopia 0.001% of the population

Trichromacy

#bdbca0 Protanomaly 1% of men, 0.01% of women
#c7b8a4 Deuteranomaly 6% of men, 0.4% of women
#b5bcb9 Tritanomaly 0.01% of the population

#afbe9f hex color

#afbe9f Color Information

#afbe9f Color Conversion

Color Schemes with #afbe9f

Alternatives to #afbe9f

#afbe9f Preview

Shades and Tints of #afbe9f

Tones of #afbe9f

Color Blindness Simulator