#afba87 hex color

In a RGB color space, hex #afba87 is composed of 68.6% red, 72.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 0% magenta, 27.4% yellow and 27.1% black. It has a hue angle of 72.9 degrees, a saturation of 27% and a lightness of 62.9%. #afba87 color hex could be obtained by blending #ffffff with #5f750f. Closest websafe color is: #99cc99.

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

● #afba87 color description : Slightly desaturated yellow.

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

Hex triplet	afba87	`#afba87`
RGB Decimal	175, 186, 135	`rgb(175,186,135)`
RGB Percent	68.6, 72.9, 52.9	`rgb(68.6%,72.9%,52.9%)`
CMYK	6, 0, 27, 27
HSL	72.9°, 27, 62.9	`hsl(72.9,27%,62.9%)`
HSV (or HSB)	72.9°, 27.4, 72.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.533, -12.445, 24.648
XYZ	39.61, 45.981, 29.709
xyY	0.344, 0.399, 45.981
CIE-LCH	73.533, 27.612, 116.79
CIE-LUV	73.533, -4.066, 35.645
Hunter-Lab	67.809, -14.397, 21.49
Binary	10101111, 10111010, 10000111

#afba87
```
#afba87 rgb(175,186,135)
```
#9287ba
```
#9287ba rgb(146,135,186)
```

Complementary Color

#baac87
```
#baac87 rgb(186,172,135)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#96ba87
```
#96ba87 rgb(150,186,135)
```

Analogous Color

#ac87ba
```
#ac87ba rgb(172,135,186)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#8796ba
```
#8796ba rgb(135,150,186)
```

Split Complementary Color

#ba87af
```
#ba87af rgb(186,135,175)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#87afba
```
#87afba rgb(135,175,186)
```

Triadic Color

#ba9287
```
#ba9287 rgb(186,146,135)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#87afba
```
#87afba rgb(135,175,186)
```
#9287ba
```
#9287ba rgb(146,135,186)
```

Tetradic Color

#8d9b59
```
#8d9b59 rgb(141,155,89)
```
#99a767
```
#99a767 rgb(153,167,103)
```
#a4b177
```
#a4b177 rgb(164,177,119)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#bac397
```
#bac397 rgb(186,195,151)
```
#c5cda7
```
#c5cda7 rgb(197,205,167)
```
#cfd6b8
```
#cfd6b8 rgb(207,214,184)
```

Monochromatic Color

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

#bab887
```
#bab887 rgb(186,184,135)
```
#b8ba87
```
#b8ba87 rgb(184,186,135)
```
#b3ba87
```
#b3ba87 rgb(179,186,135)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#abba87
```
#abba87 rgb(171,186,135)
```
#a7ba87
```
#a7ba87 rgb(167,186,135)
```
#a2ba87
```
#a2ba87 rgb(162,186,135)
```

Similar Colors

Text with hexadecimal color #afba87

This text has a font color of #afba87.

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

#afba87 background color

This paragraph has a background color of #afba87.

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

#afba87 border color

This element has a border color of #afba87.

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

CSS codes

.text {color:#afba87;}

.background {background-color:#afba87;}

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

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

#040503
```
#040503 rgb(4,5,3)
```
#0f110a
```
#0f110a rgb(15,17,10)
```
#1b1d11
```
#1b1d11 rgb(27,29,17)
```
#262a18
```
#262a18 rgb(38,42,24)
```
#31361f
```
#31361f rgb(49,54,31)
```
#3d4326
```
#3d4326 rgb(61,67,38)
```
#484f2e
```
#484f2e rgb(72,79,46)
```
#535c35
```
#535c35 rgb(83,92,53)
```
#5f683c
```
#5f683c rgb(95,104,60)
```
#6a7543
```
#6a7543 rgb(106,117,67)
```
#75814a
```
#75814a rgb(117,129,74)
```
#818e51
```
#818e51 rgb(129,142,81)
```
#8c9a59
```
#8c9a59 rgb(140,154,89)
```

Shade Color Variation

#96a562
```
#96a562 rgb(150,165,98)
```
#9eac6e
```
#9eac6e rgb(158,172,110)
```
#a7b37b
```
#a7b37b rgb(167,179,123)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#b7c193
```
#b7c193 rgb(183,193,147)
```
#c0c8a0
```
#c0c8a0 rgb(192,200,160)
```
#c8cfac
```
#c8cfac rgb(200,207,172)
```
#d0d7b9
```
#d0d7b9 rgb(208,215,185)
```
#d9dec5
```
#d9dec5 rgb(217,222,197)
```
#e1e5d2
```
#e1e5d2 rgb(225,229,210)
```
#e9ecde
```
#e9ecde rgb(233,236,222)
```
#f1f3eb
```
#f1f3eb rgb(241,243,235)
```
#fafaf7
```
#fafaf7 rgb(250,250,247)
```

Tint Color Variation

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

#a3a49d
```
#a3a49d rgb(163,164,157)
```
#a7ab96
```
#a7ab96 rgb(167,171,150)
```
#abb38e
```
#abb38e rgb(171,179,142)
```
#afba87
```
#afba87 rgb(175,186,135)
```
#b3c180
```
#b3c180 rgb(179,193,128)
```
#b7c978
```
#b7c978 rgb(183,201,120)
```
#bbd071
```
#bbd071 rgb(187,208,113)
```
#c0d76a
```
#c0d76a rgb(192,215,106)
```
#c4de63
```
#c4de63 rgb(196,222,99)
```
#c8e65b
```
#c8e65b rgb(200,230,91)
```
#cced54
```
#cced54 rgb(204,237,84)
```
#d0f44d
```
#d0f44d rgb(208,244,77)
```
#d4fb46
```
#d4fb46 rgb(212,251,70)
```

Tone Color Variation

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

#c5b88b Protanopia 1% of men
#d7b191 Deuteranopia 1% of men
#bbb6c3 Tritanopia 0.001% of the population

Trichromacy

#bdb889 Protanomaly 1% of men, 0.01% of women
#c8b48d Deuteranomaly 6% of men, 0.4% of women
#b7b7ad Tritanomaly 0.01% of the population

#afba87 hex color

#afba87 Color Information

#afba87 Color Conversion

Color Schemes with #afba87

Alternatives to #afba87

#afba87 Preview

Shades and Tints of #afba87

Tones of #afba87

Color Blindness Simulator