#afb89f hex color

In a RGB color space, hex #afb89f is composed of 68.6% red, 72.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 13.6% yellow and 27.8% black. It has a hue angle of 81.6 degrees, a saturation of 15% and a lightness of 67.3%. #afb89f color hex could be obtained by blending #ffffff with #5f713f. Closest websafe color is: #99cc99.

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

● #afb89f color description : Grayish green.

The hexadecimal color #afb89f has RGB values of R:175, G:184, B:159 and CMYK values of C:0.05, M:0, Y:0.14, K:0.28. Its decimal value is 11516063.

Hex triplet	afb89f	`#afb89f`
RGB Decimal	175, 184, 159	`rgb(175,184,159)`
RGB Percent	68.6, 72.2, 62.4	`rgb(68.6%,72.2%,62.4%)`
CMYK	5, 0, 14, 28
HSL	81.6°, 15, 67.3	`hsl(81.6,15%,67.3%)`
HSV (or HSB)	81.6°, 13.6, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.479, -7.661, 11.641
XYZ	41.076, 45.898, 39.494
xyY	0.325, 0.363, 45.898
CIE-LCH	73.479, 13.936, 123.348
CIE-LUV	73.479, -3.907, 17.932
Hunter-Lab	67.748, -10.332, 12.86
Binary	10101111, 10111000, 10011111

#afb89f
```
#afb89f rgb(175,184,159)
```
#a89fb8
```
#a89fb8 rgb(168,159,184)
```

Complementary Color

#b8b59f
```
#b8b59f rgb(184,181,159)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#a3b89f
```
#a3b89f rgb(163,184,159)
```

Analogous Color

#b59fb8
```
#b59fb8 rgb(181,159,184)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#9fa3b8
```
#9fa3b8 rgb(159,163,184)
```

Split Complementary Color

#b89faf
```
#b89faf rgb(184,159,175)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#9fafb8
```
#9fafb8 rgb(159,175,184)
```

Triadic Color

#b8a89f
```
#b8a89f rgb(184,168,159)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#9fafb8
```
#9fafb8 rgb(159,175,184)
```
#a89fb8
```
#a89fb8 rgb(168,159,184)
```

Tetradic Color

#8a9773
```
#8a9773 rgb(138,151,115)
```
#97a282
```
#97a282 rgb(151,162,130)
```
#a3ad90
```
#a3ad90 rgb(163,173,144)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#bbc3ae
```
#bbc3ae rgb(187,195,174)
```
#c7cebc
```
#c7cebc rgb(199,206,188)
```
#d4d9cb
```
#d4d9cb rgb(212,217,203)
```

Monochromatic Color

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

#b5b89f
```
#b5b89f rgb(181,184,159)
```
#b3b89f
```
#b3b89f rgb(179,184,159)
```
#b1b89f
```
#b1b89f rgb(177,184,159)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#adb89f
```
#adb89f rgb(173,184,159)
```
#abb89f
```
#abb89f rgb(171,184,159)
```
#a9b89f
```
#a9b89f rgb(169,184,159)
```

Similar Colors

Text with hexadecimal color #afb89f

This text has a font color of #afb89f.

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

#afb89f background color

This paragraph has a background color of #afb89f.

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

#afb89f border color

This element has a border color of #afb89f.

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

CSS codes

.text {color:#afb89f;}

.background {background-color:#afb89f;}

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

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

#050504
```
#050504 rgb(5,5,4)
```
#0f110c
```
#0f110c rgb(15,17,12)
```
#191c15
```
#191c15 rgb(25,28,21)
```
#24271d
```
#24271d rgb(36,39,29)
```
#2e3325
```
#2e3325 rgb(46,51,37)
```
#383e2e
```
#383e2e rgb(56,62,46)
```
#424936
```
#424936 rgb(66,73,54)
```
#4d543e
```
#4d543e rgb(77,84,62)
```
#576047
```
#576047 rgb(87,96,71)
```
#616b4f
```
#616b4f rgb(97,107,79)
```
#6b7657
```
#6b7657 rgb(107,118,87)
```
#758260
```
#758260 rgb(117,130,96)
```
#808d68
```
#808d68 rgb(128,141,104)
```

Shade Color Variation

#899772
```
#899772 rgb(137,151,114)
```
#939f7d
```
#939f7d rgb(147,159,125)
```
#9ca788
```
#9ca788 rgb(156,167,136)
```
#a6b094
```
#a6b094 rgb(166,176,148)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#b8c0aa
```
#b8c0aa rgb(184,192,170)
```
#c2c9b6
```
#c2c9b6 rgb(194,201,182)
```
#cbd1c1
```
#cbd1c1 rgb(203,209,193)
```
#d5d9cc
```
#d5d9cc rgb(213,217,204)
```
#dee2d7
```
#dee2d7 rgb(222,226,215)
```
#e7eae3
```
#e7eae3 rgb(231,234,227)
```
#f1f2ee
```
#f1f2ee rgb(241,242,238)
```
#fafbf9
```
#fafbf9 rgb(250,251,249)
```

Tint Color Variation

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

#adb2a5
```
#adb2a5 rgb(173,178,165)
```
#afb89f
```
#afb89f rgb(175,184,159)
```
#b1be99
```
#b1be99 rgb(177,190,153)
```
#b3c592
```
#b3c592 rgb(179,197,146)
```
#b4cb8c
```
#b4cb8c rgb(180,203,140)
```
#b6d285
```
#b6d285 rgb(182,210,133)
```
#b8d87f
```
#b8d87f rgb(184,216,127)
```
#badf78
```
#badf78 rgb(186,223,120)
```
#bce572
```
#bce572 rgb(188,229,114)
```
#bdeb6c
```
#bdeb6c rgb(189,235,108)
```
#bff265
```
#bff265 rgb(191,242,101)
```
#c1f85f
```
#c1f85f rgb(193,248,95)
```
#c3ff58
```
#c3ff58 rgb(195,255,88)
```

Tone Color Variation

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

Dichromacy

#c0b7a2 Protanopia 1% of men
#cfb2a6 Deuteranopia 1% of men
#b8b6c4 Tritanopia 0.001% of the population

Trichromacy

#bab7a1 Protanomaly 1% of men, 0.01% of women
#c3b4a4 Deuteranomaly 6% of men, 0.4% of women
#b5b7b6 Tritanomaly 0.01% of the population

#afb89f hex color

#afb89f Color Information

#afb89f Color Conversion

Color Schemes with #afb89f

Alternatives to #afb89f

#afb89f Preview

Shades and Tints of #afb89f

Tones of #afb89f

Color Blindness Simulator