#afbf87 hex color

In a RGB color space, hex #afbf87 is composed of 68.6% red, 74.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 29.3% yellow and 25.1% black. It has a hue angle of 77.1 degrees, a saturation of 30.4% and a lightness of 63.9%. #afbf87 color hex could be obtained by blending #ffffff with #5f7f0f. Closest websafe color is: #99cc99.

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

● #afbf87 color description : Slightly desaturated green.

The hexadecimal color #afbf87 has RGB values of R:175, G:191, B:135 and CMYK values of C:0.08, M:0, Y:0.29, K:0.25. Its decimal value is 11517831.

Hex triplet	afbf87	`#afbf87`
RGB Decimal	175, 191, 135	`rgb(175,191,135)`
RGB Percent	68.6, 74.9, 52.9	`rgb(68.6%,74.9%,52.9%)`
CMYK	8, 0, 29, 25
HSL	77.1°, 30.4, 63.9	`hsl(77.1,30.4%,63.9%)`
HSV (or HSB)	77.1°, 29.3, 74.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.904, -15.013, 26.493
XYZ	40.682, 48.125, 30.066
xyY	0.342, 0.405, 48.125
CIE-LCH	74.904, 30.451, 119.539
CIE-LUV	74.904, -6.828, 38.536
Hunter-Lab	69.372, -16.722, 22.864
Binary	10101111, 10111111, 10000111

#afbf87
```
#afbf87 rgb(175,191,135)
```
#9787bf
```
#9787bf rgb(151,135,191)
```

Complementary Color

#bfb387
```
#bfb387 rgb(191,179,135)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#93bf87
```
#93bf87 rgb(147,191,135)
```

Analogous Color

#b387bf
```
#b387bf rgb(179,135,191)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#8793bf
```
#8793bf rgb(135,147,191)
```

Split Complementary Color

#bf87af
```
#bf87af rgb(191,135,175)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#87afbf
```
#87afbf rgb(135,175,191)
```

Triadic Color

#bf9787
```
#bf9787 rgb(191,151,135)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#87afbf
```
#87afbf rgb(135,175,191)
```
#9787bf
```
#9787bf rgb(151,135,191)
```

Tetradic Color

#8da357
```
#8da357 rgb(141,163,87)
```
#99ad66
```
#99ad66 rgb(153,173,102)
```
#a4b676
```
#a4b676 rgb(164,182,118)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#bac898
```
#bac898 rgb(186,200,152)
```
#c5d1a8
```
#c5d1a8 rgb(197,209,168)
```
#d0dab9
```
#d0dab9 rgb(208,218,185)
```

Monochromatic Color

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

#bdbf87
```
#bdbf87 rgb(189,191,135)
```
#b8bf87
```
#b8bf87 rgb(184,191,135)
```
#b4bf87
```
#b4bf87 rgb(180,191,135)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#aabf87
```
#aabf87 rgb(170,191,135)
```
#a6bf87
```
#a6bf87 rgb(166,191,135)
```
#a1bf87
```
#a1bf87 rgb(161,191,135)
```

Similar Colors

Text with hexadecimal color #afbf87

This text has a font color of #afbf87.

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

#afbf87 background color

This paragraph has a background color of #afbf87.

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

#afbf87 border color

This element has a border color of #afbf87.

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

CSS codes

.text {color:#afbf87;}

.background {background-color:#afbf87;}

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

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

#070804
```
#070804 rgb(7,8,4)
```
#12150b
```
#12150b rgb(18,21,11)
```
#1d2212
```
#1d2212 rgb(29,34,18)
```
#282e19
```
#282e19 rgb(40,46,25)
```
#333b20
```
#333b20 rgb(51,59,32)
```
#3e4826
```
#3e4826 rgb(62,72,38)
```
#49552d
```
#49552d rgb(73,85,45)
```
#546134
```
#546134 rgb(84,97,52)
```
#606e3b
```
#606e3b rgb(96,110,59)
```
#6b7b42
```
#6b7b42 rgb(107,123,66)
```
#768848
```
#768848 rgb(118,136,72)
```
#81954f
```
#81954f rgb(129,149,79)
```
#8ca156
```
#8ca156 rgb(140,161,86)
```

Shade Color Variation

#95ab61
```
#95ab61 rgb(149,171,97)
```
#9eb16d
```
#9eb16d rgb(158,177,109)
```
#a6b87a
```
#a6b87a rgb(166,184,122)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#b8c694
```
#b8c694 rgb(184,198,148)
```
#c0cda1
```
#c0cda1 rgb(192,205,161)
```
#c9d3ad
```
#c9d3ad rgb(201,211,173)
```
#d1daba
```
#d1daba rgb(209,218,186)
```
#dae1c7
```
#dae1c7 rgb(218,225,199)
```
#e2e8d4
```
#e2e8d4 rgb(226,232,212)
```
#ebefe1
```
#ebefe1 rgb(235,239,225)
```
#f3f6ed
```
#f3f6ed rgb(243,246,237)
```
#fcfcfa
```
#fcfcfa rgb(252,252,250)
```

Tint Color Variation

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

#a6aa9c
```
#a6aa9c rgb(166,170,156)
```
#a9b195
```
#a9b195 rgb(169,177,149)
```
#acb88e
```
#acb88e rgb(172,184,142)
```
#afbf87
```
#afbf87 rgb(175,191,135)
```
#b2c680
```
#b2c680 rgb(178,198,128)
```
#b5cd79
```
#b5cd79 rgb(181,205,121)
```
#b8d472
```
#b8d472 rgb(184,212,114)
```
#bbdb6b
```
#bbdb6b rgb(187,219,107)
```
#bee264
```
#bee264 rgb(190,226,100)
```
#c1e95d
```
#c1e95d rgb(193,233,93)
```
#c4f155
```
#c4f155 rgb(196,241,85)
```
#c7f84e
```
#c7f84e rgb(199,248,78)
```
#caff47
```
#caff47 rgb(202,255,71)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bb8a Protanopia 1% of men
#dbb491 Deuteranopia 1% of men
#bcbac7 Tritanopia 0.001% of the population

Trichromacy

#c0bc89 Protanomaly 1% of men, 0.01% of women
#cbb88d Deuteranomaly 6% of men, 0.4% of women
#b7bcb0 Tritanomaly 0.01% of the population

#afbf87 hex color

#afbf87 Color Information

#afbf87 Color Conversion

Color Schemes with #afbf87

Alternatives to #afbf87

#afbf87 Preview

Shades and Tints of #afbf87

Tones of #afbf87

Color Blindness Simulator