colorhexa.com

#afbd9f hex color

In a RGB color space, hex #afbd9f is composed of 68.6% red, 74.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 15.9% yellow and 25.9% black. It has a hue angle of 88 degrees, a saturation of 18.5% and a lightness of 68.2%. #afbd9f color hex could be obtained by blending #ffffff with #5f7b3f. Closest websafe color is: #99cc99.

- R 69
- G 74
- B 62
RGB color chart
- C 7
- M 0
- Y 16
- K 26
CMYK color chart

● #afbd9f color description : Grayish green.

The hexadecimal color #afbd9f has RGB values of R:175, G:189, B:159 and CMYK values of C:0.07, M:0, Y:0.16, K:0.26. Its decimal value is 11517343.

Hex triplet	afbd9f	`#afbd9f`
RGB Decimal	175, 189, 159	`rgb(175,189,159)`
RGB Percent	68.6, 74.1, 62.4	`rgb(68.6%,74.1%,62.4%)`
CMYK	7, 0, 16, 26
HSL	88°, 18.5, 68.2	`hsl(88,18.5%,68.2%)`
HSV (or HSB)	88°, 15.9, 74.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.833, -10.279, 13.552
XYZ	42.134, 48.012, 39.847
xyY	0.324, 0.369, 48.012
CIE-LCH	74.833, 17.009, 127.179
CIE-LUV	74.833, -6.544, 21.075
Hunter-Lab	69.291, -12.719, 14.408
Binary	10101111, 10111101, 10011111

#afbd9f
```
#afbd9f rgb(175,189,159)
```
#ad9fbd
```
#ad9fbd rgb(173,159,189)
```

Complementary Color

#bdbc9f
```
#bdbc9f rgb(189,188,159)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#a0bd9f
```
#a0bd9f rgb(160,189,159)
```

Analogous Color

#bc9fbd
```
#bc9fbd rgb(188,159,189)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#9fa0bd
```
#9fa0bd rgb(159,160,189)
```

Split Complementary Color

#bd9faf
```
#bd9faf rgb(189,159,175)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#9fafbd
```
#9fafbd rgb(159,175,189)
```

Triadic Color

#bdad9f
```
#bdad9f rgb(189,173,159)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#9fafbd
```
#9fafbd rgb(159,175,189)
```
#ad9fbd
```
#ad9fbd rgb(173,159,189)
```

Tetradic Color

#899e72
```
#899e72 rgb(137,158,114)
```
#96a881
```
#96a881 rgb(150,168,129)
```
#a2b390
```
#a2b390 rgb(162,179,144)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#bcc7ae
```
#bcc7ae rgb(188,199,174)
```
#c8d2bd
```
#c8d2bd rgb(200,210,189)
```
#d5dccc
```
#d5dccc rgb(213,220,204)
```

Monochromatic Color

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

#b7bd9f
```
#b7bd9f rgb(183,189,159)
```
#b4bd9f
```
#b4bd9f rgb(180,189,159)
```
#b2bd9f
```
#b2bd9f rgb(178,189,159)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#adbd9f
```
#adbd9f rgb(173,189,159)
```
#aabd9f
```
#aabd9f rgb(170,189,159)
```
#a8bd9f
```
#a8bd9f rgb(168,189,159)
```

Similar Colors

Text with hexadecimal color #afbd9f

This text has a font color of #afbd9f.

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

#afbd9f background color

This paragraph has a background color of #afbd9f.

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

#afbd9f border color

This element has a border color of #afbd9f.

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

CSS codes

.text {color:#afbd9f;}

.background {background-color:#afbd9f;}

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

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

#070906
```
#070906 rgb(7,9,6)
```
#11140e
```
#11140e rgb(17,20,14)
```
#1b2016
```
#1b2016 rgb(27,32,22)
```
#252b1e
```
#252b1e rgb(37,43,30)
```
#2f3726
```
#2f3726 rgb(47,55,38)
```
#39432e
```
#39432e rgb(57,67,46)
```
#434e36
```
#434e36 rgb(67,78,54)
```
#4d5a3e
```
#4d5a3e rgb(77,90,62)
```
#576646
```
#576646 rgb(87,102,70)
```
#61714e
```
#61714e rgb(97,113,78)
```
#6b7d56
```
#6b7d56 rgb(107,125,86)
```
#75885e
```
#75885e rgb(117,136,94)
```
#7f9466
```
#7f9466 rgb(127,148,102)
```

Shade Color Variation

#889d71
```
#889d71 rgb(136,157,113)
```
#92a57c
```
#92a57c rgb(146,165,124)
```
#9cad88
```
#9cad88 rgb(156,173,136)
```
#a5b593
```
#a5b593 rgb(165,181,147)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#b9c5ab
```
#b9c5ab rgb(185,197,171)
```
#c2cdb6
```
#c2cdb6 rgb(194,205,182)
```
#ccd5c2
```
#ccd5c2 rgb(204,213,194)
```
#d6ddcd
```
#d6ddcd rgb(214,221,205)
```
#dfe5d9
```
#dfe5d9 rgb(223,229,217)
```
#e9ede5
```
#e9ede5 rgb(233,237,229)
```
#f3f5f0
```
#f3f5f0 rgb(243,245,240)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#aeb1ab
```
#aeb1ab rgb(174,177,171)
```
#afb7a5
```
#afb7a5 rgb(175,183,165)
```
#afbd9f
```
#afbd9f rgb(175,189,159)
```
#afc399
```
#afc399 rgb(175,195,153)
```
#b0c993
```
#b0c993 rgb(176,201,147)
```
#b0d08c
```
#b0d08c rgb(176,208,140)
```
#b1d686
```
#b1d686 rgb(177,214,134)
```
#b1dc80
```
#b1dc80 rgb(177,220,128)
```
#b1e27a
```
#b1e27a rgb(177,226,122)
```
#b2e973
```
#b2e973 rgb(178,233,115)
```
#b2ef6d
```
#b2ef6d rgb(178,239,109)
```
#b3f567
```
#b3f567 rgb(179,245,103)
```
#b3fb61
```
#b3fb61 rgb(179,251,97)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b7b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5bba1 Protanopia 1% of men
#d4b5a7 Deuteranopia 1% of men
#b9bbc8 Tritanopia 0.001% of the population

Trichromacy

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