#afb587 hex color

In a RGB color space, hex #afb587 is composed of 68.6% red, 71% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 25.4% yellow and 29% black. It has a hue angle of 67.8 degrees, a saturation of 23.7% and a lightness of 62%. #afb587 color hex could be obtained by blending #ffffff with #5f6b0f. Closest websafe color is: #99cc99.

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

● #afb587 color description : Slightly desaturated yellow.

The hexadecimal color #afb587 has RGB values of R:175, G:181, B:135 and CMYK values of C:0.03, M:0, Y:0.25, K:0.29. Its decimal value is 11515271.

Hex triplet	afb587	`#afb587`
RGB Decimal	175, 181, 135	`rgb(175,181,135)`
RGB Percent	68.6, 71, 52.9	`rgb(68.6%,71%,52.9%)`
CMYK	3, 0, 25, 29
HSL	67.8°, 23.7, 62	`hsl(67.8,23.7%,62%)`
HSV (or HSB)	67.8°, 25.4, 71
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.169, -9.847, 22.8
XYZ	38.575, 43.911, 29.364
xyY	0.345, 0.393, 43.911
CIE-LCH	72.169, 24.835, 113.358
CIE-LUV	72.169, -1.276, 32.733
Hunter-Lab	66.265, -12.053, 20.113
Binary	10101111, 10110101, 10000111

#afb587
```
#afb587 rgb(175,181,135)
```
#8d87b5
```
#8d87b5 rgb(141,135,181)
```

Complementary Color

#b5a487
```
#b5a487 rgb(181,164,135)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#98b587
```
#98b587 rgb(152,181,135)
```

Analogous Color

#a487b5
```
#a487b5 rgb(164,135,181)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#8798b5
```
#8798b5 rgb(135,152,181)
```

Split Complementary Color

#b587af
```
#b587af rgb(181,135,175)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#87afb5
```
#87afb5 rgb(135,175,181)
```

Triadic Color

#b58d87
```
#b58d87 rgb(181,141,135)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#87afb5
```
#87afb5 rgb(135,175,181)
```
#8d87b5
```
#8d87b5 rgb(141,135,181)
```

Tetradic Color

#8d945b
```
#8d945b rgb(141,148,91)
```
#9aa267
```
#9aa267 rgb(154,162,103)
```
#a4ab77
```
#a4ab77 rgb(164,171,119)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#babf97
```
#babf97 rgb(186,191,151)
```
#c4c8a7
```
#c4c8a7 rgb(196,200,167)
```
#cfd2b6
```
#cfd2b6 rgb(207,210,182)
```

Monochromatic Color

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

#b5b087
```
#b5b087 rgb(181,176,135)
```
#b5b387
```
#b5b387 rgb(181,179,135)
```
#b3b587
```
#b3b587 rgb(179,181,135)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#abb587
```
#abb587 rgb(171,181,135)
```
#a7b587
```
#a7b587 rgb(167,181,135)
```
#a4b587
```
#a4b587 rgb(164,181,135)
```

Similar Colors

Text with hexadecimal color #afb587

This text has a font color of #afb587.

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

#afb587 background color

This paragraph has a background color of #afb587.

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

#afb587 border color

This element has a border color of #afb587.

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

CSS codes

.text {color:#afb587;}

.background {background-color:#afb587;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d0d08
```
#0d0d08 rgb(13,13,8)
```
#181a10
```
#181a10 rgb(24,26,16)
```
#242617
```
#242617 rgb(36,38,23)
```
#2f321f
```
#2f321f rgb(47,50,31)
```
#3b3e26
```
#3b3e26 rgb(59,62,38)
```
#464a2e
```
#464a2e rgb(70,74,46)
```
#525635
```
#525635 rgb(82,86,53)
```
#5d623d
```
#5d623d rgb(93,98,61)
```
#696f44
```
#696f44 rgb(105,111,68)
```
#757b4c
```
#757b4c rgb(117,123,76)
```
#808753
```
#808753 rgb(128,135,83)
```
#8c935b
```
#8c935b rgb(140,147,91)
```

Shade Color Variation

#979f63
```
#979f63 rgb(151,159,99)
```
#9fa66f
```
#9fa66f rgb(159,166,111)
```
#a7ae7b
```
#a7ae7b rgb(167,174,123)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#b7bc93
```
#b7bc93 rgb(183,188,147)
```
#bfc49f
```
#bfc49f rgb(191,196,159)
```
#c7cbab
```
#c7cbab rgb(199,203,171)
```
#cfd3b8
```
#cfd3b8 rgb(207,211,184)
```
#d7dac4
```
#d7dac4 rgb(215,218,196)
```
#e0e2d0
```
#e0e2d0 rgb(224,226,208)
```
#e8e9dc
```
#e8e9dc rgb(232,233,220)
```
#f0f1e8
```
#f0f1e8 rgb(240,241,232)
```
#f8f8f4
```
#f8f8f4 rgb(248,248,244)
```

Tint Color Variation

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

#9e9f9d
```
#9e9f9d rgb(158,159,157)
```
#a4a696
```
#a4a696 rgb(164,166,150)
```
#a9ae8e
```
#a9ae8e rgb(169,174,142)
```
#afb587
```
#afb587 rgb(175,181,135)
```
#b5bc80
```
#b5bc80 rgb(181,188,128)
```
#bac478
```
#bac478 rgb(186,196,120)
```
#c0cb71
```
#c0cb71 rgb(192,203,113)
```
#c5d369
```
#c5d369 rgb(197,211,105)
```
#cbda62
```
#cbda62 rgb(203,218,98)
```
#d0e25a
```
#d0e25a rgb(208,226,90)
```
#d6e953
```
#d6e953 rgb(214,233,83)
```
#dbf14b
```
#dbf14b rgb(219,241,75)
```
#e1f844
```
#e1f844 rgb(225,248,68)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeafa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b48b Protanopia 1% of men
#d2ae90 Deuteranopia 1% of men
#bab2be Tritanopia 0.001% of the population

Trichromacy

#bab489 Protanomaly 1% of men, 0.01% of women
#c5b08d Deuteranomaly 6% of men, 0.4% of women
#b6b3aa Tritanomaly 0.01% of the population

#afb587 hex color

#afb587 Color Information

#afb587 Color Conversion

Color Schemes with #afb587

Alternatives to #afb587

#afb587 Preview

Shades and Tints of #afb587

Tones of #afb587

Color Blindness Simulator