#afbb87 hex color

In a RGB color space, hex #afbb87 is composed of 68.6% red, 73.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 27.8% yellow and 26.7% black. It has a hue angle of 73.8 degrees, a saturation of 27.7% and a lightness of 63.1%. #afbb87 color hex could be obtained by blending #ffffff with #5f770f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 73
- B 53
RGB color chart
- C 6
- M 0
- Y 28
- K 27
CMYK color chart

● #afbb87 color description : Slightly desaturated yellow.

The hexadecimal color #afbb87 has RGB values of R:175, G:187, B:135 and CMYK values of C:0.06, M:0, Y:0.28, K:0.27. Its decimal value is 11516807.

Hex triplet	afbb87	`#afbb87`
RGB Decimal	175, 187, 135	`rgb(175,187,135)`
RGB Percent	68.6, 73.3, 52.9	`rgb(68.6%,73.3%,52.9%)`
CMYK	6, 0, 28, 27
HSL	73.8°, 27.7, 63.1	`hsl(73.8,27.7%,63.1%)`
HSV (or HSB)	73.8°, 27.8, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.807, -12.961, 25.017
XYZ	39.822, 46.404, 29.779
xyY	0.343, 0.4, 46.404
CIE-LCH	73.807, 28.176, 117.388
CIE-LUV	73.807, -4.62, 36.225
Hunter-Lab	68.12, -14.863, 21.765
Binary	10101111, 10111011, 10000111

#afbb87
```
#afbb87 rgb(175,187,135)
```
#9387bb
```
#9387bb rgb(147,135,187)
```

Complementary Color

#bbad87
```
#bbad87 rgb(187,173,135)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#95bb87
```
#95bb87 rgb(149,187,135)
```

Analogous Color

#ad87bb
```
#ad87bb rgb(173,135,187)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#8795bb
```
#8795bb rgb(135,149,187)
```

Split Complementary Color

#bb87af
```
#bb87af rgb(187,135,175)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#87afbb
```
#87afbb rgb(135,175,187)
```

Triadic Color

#bb9387
```
#bb9387 rgb(187,147,135)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#87afbb
```
#87afbb rgb(135,175,187)
```
#9387bb
```
#9387bb rgb(147,135,187)
```

Tetradic Color

#8d9d59
```
#8d9d59 rgb(141,157,89)
```
#99a966
```
#99a966 rgb(153,169,102)
```
#a4b277
```
#a4b277 rgb(164,178,119)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#bac497
```
#bac497 rgb(186,196,151)
```
#c5cda8
```
#c5cda8 rgb(197,205,168)
```
#d0d7b8
```
#d0d7b8 rgb(208,215,184)
```

Monochromatic Color

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

#bbba87
```
#bbba87 rgb(187,186,135)
```
#b8bb87
```
#b8bb87 rgb(184,187,135)
```
#b3bb87
```
#b3bb87 rgb(179,187,135)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#abbb87
```
#abbb87 rgb(171,187,135)
```
#a6bb87
```
#a6bb87 rgb(166,187,135)
```
#a2bb87
```
#a2bb87 rgb(162,187,135)
```

Similar Colors

Text with hexadecimal color #afbb87

This text has a font color of #afbb87.

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

#afbb87 background color

This paragraph has a background color of #afbb87.

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

#afbb87 border color

This element has a border color of #afbb87.

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

CSS codes

.text {color:#afbb87;}

.background {background-color:#afbb87;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#10120a
```
#10120a rgb(16,18,10)
```
#1b1e11
```
#1b1e11 rgb(27,30,17)
```
#262b18
```
#262b18 rgb(38,43,24)
```
#32371f
```
#32371f rgb(50,55,31)
```
#3d4426
```
#3d4426 rgb(61,68,38)
```
#48502e
```
#48502e rgb(72,80,46)
```
#545d35
```
#545d35 rgb(84,93,53)
```
#5f693c
```
#5f693c rgb(95,105,60)
```
#6a7643
```
#6a7643 rgb(106,118,67)
```
#75824a
```
#75824a rgb(117,130,74)
```
#818f51
```
#818f51 rgb(129,143,81)
```
#8c9b58
```
#8c9b58 rgb(140,155,88)
```

Shade Color Variation

#96a661
```
#96a661 rgb(150,166,97)
```
#9ead6e
```
#9ead6e rgb(158,173,110)
```
#a7b47a
```
#a7b47a rgb(167,180,122)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#b7c294
```
#b7c294 rgb(183,194,148)
```
#c0c9a0
```
#c0c9a0 rgb(192,201,160)
```
#c8d0ad
```
#c8d0ad rgb(200,208,173)
```
#d0d7b9
```
#d0d7b9 rgb(208,215,185)
```
#d9dec6
```
#d9dec6 rgb(217,222,198)
```
#e1e6d2
```
#e1e6d2 rgb(225,230,210)
```
#e9eddf
```
#e9eddf rgb(233,237,223)
```
#f2f4eb
```
#f2f4eb rgb(242,244,235)
```
#fafbf8
```
#fafbf8 rgb(250,251,248)
```

Tint Color Variation

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

#a3a59d
```
#a3a59d rgb(163,165,157)
```
#a7ad95
```
#a7ad95 rgb(167,173,149)
```
#abb48e
```
#abb48e rgb(171,180,142)
```
#afbb87
```
#afbb87 rgb(175,187,135)
```
#b3c280
```
#b3c280 rgb(179,194,128)
```
#b7c979
```
#b7c979 rgb(183,201,121)
```
#bbd171
```
#bbd171 rgb(187,209,113)
```
#bfd86a
```
#bfd86a rgb(191,216,106)
```
#c2df63
```
#c2df63 rgb(194,223,99)
```
#c6e65c
```
#c6e65c rgb(198,230,92)
```
#caee54
```
#caee54 rgb(202,238,84)
```
#cef54d
```
#cef54d rgb(206,245,77)
```
#d2fc46
```
#d2fc46 rgb(210,252,70)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b88a Protanopia 1% of men
#d8b291 Deuteranopia 1% of men
#bbb7c4 Tritanopia 0.001% of the population

Trichromacy

#bdb989 Protanomaly 1% of men, 0.01% of women
#c9b58d Deuteranomaly 6% of men, 0.4% of women
#b7b8ad Tritanomaly 0.01% of the population

#afbb87 hex color

#afbb87 Color Information

#afbb87 Color Conversion

Color Schemes with #afbb87

Alternatives to #afbb87

#afbb87 Preview

Shades and Tints of #afbb87

Tones of #afbb87

Color Blindness Simulator