#afb787 hex color

In a RGB color space, hex #afb787 is composed of 68.6% red, 71.8% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 26.2% yellow and 28.2% black. It has a hue angle of 70 degrees, a saturation of 25% and a lightness of 62.4%. #afb787 color hex could be obtained by blending #ffffff with #5f6f0f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 72
- B 53
RGB color chart
- C 4
- M 0
- Y 26
- K 28
CMYK color chart

● #afb787 color description : Slightly desaturated yellow.

The hexadecimal color #afb787 has RGB values of R:175, G:183, B:135 and CMYK values of C:0.04, M:0, Y:0.26, K:0.28. Its decimal value is 11515783.

Hex triplet	afb787	`#afb787`
RGB Decimal	175, 183, 135	`rgb(175,183,135)`
RGB Percent	68.6, 71.8, 52.9	`rgb(68.6%,71.8%,52.9%)`
CMYK	4, 0, 26, 28
HSL	70°, 25, 62.4	`hsl(70,25%,62.4%)`
HSV (or HSB)	70°, 26.2, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.714, -10.89, 23.54
XYZ	38.985, 44.73, 29.5
xyY	0.344, 0.395, 44.73
CIE-LCH	72.714, 25.936, 114.826
CIE-LUV	72.714, -2.395, 33.9
Hunter-Lab	66.881, -12.993, 20.664
Binary	10101111, 10110111, 10000111

#afb787
```
#afb787 rgb(175,183,135)
```
#8f87b7
```
#8f87b7 rgb(143,135,183)
```

Complementary Color

#b7a787
```
#b7a787 rgb(183,167,135)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#97b787
```
#97b787 rgb(151,183,135)
```

Analogous Color

#a787b7
```
#a787b7 rgb(167,135,183)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#8797b7
```
#8797b7 rgb(135,151,183)
```

Split Complementary Color

#b787af
```
#b787af rgb(183,135,175)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#87afb7
```
#87afb7 rgb(135,175,183)
```

Triadic Color

#b78f87
```
#b78f87 rgb(183,143,135)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#87afb7
```
#87afb7 rgb(135,175,183)
```
#8f87b7
```
#8f87b7 rgb(143,135,183)
```

Tetradic Color

#8d975b
```
#8d975b rgb(141,151,91)
```
#9aa467
```
#9aa467 rgb(154,164,103)
```
#a4ad77
```
#a4ad77 rgb(164,173,119)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#bac197
```
#bac197 rgb(186,193,151)
```
#c4caa7
```
#c4caa7 rgb(196,202,167)
```
#cfd4b7
```
#cfd4b7 rgb(207,212,183)
```

Monochromatic Color

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

#b7b387
```
#b7b387 rgb(183,179,135)
```
#b7b787
```
#b7b787 rgb(183,183,135)
```
#b3b787
```
#b3b787 rgb(179,183,135)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#abb787
```
#abb787 rgb(171,183,135)
```
#a7b787
```
#a7b787 rgb(167,183,135)
```
#a3b787
```
#a3b787 rgb(163,183,135)
```

Similar Colors

Text with hexadecimal color #afb787

This text has a font color of #afb787.

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

#afb787 background color

This paragraph has a background color of #afb787.

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

#afb787 border color

This element has a border color of #afb787.

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

CSS codes

.text {color:#afb787;}

.background {background-color:#afb787;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0e0f09
```
#0e0f09 rgb(14,15,9)
```
#191b10
```
#191b10 rgb(25,27,16)
```
#252718
```
#252718 rgb(37,39,24)
```
#30341f
```
#30341f rgb(48,52,31)
```
#3c4026
```
#3c4026 rgb(60,64,38)
```
#474c2e
```
#474c2e rgb(71,76,46)
```
#535835
```
#535835 rgb(83,88,53)
```
#5e653c
```
#5e653c rgb(94,101,60)
```
#697144
```
#697144 rgb(105,113,68)
```
#757d4b
```
#757d4b rgb(117,125,75)
```
#808952
```
#808952 rgb(128,137,82)
```
#8c965a
```
#8c965a rgb(140,150,90)
```

Shade Color Variation

#96a162
```
#96a162 rgb(150,161,98)
```
#9fa86e
```
#9fa86e rgb(159,168,110)
```
#a7b07b
```
#a7b07b rgb(167,176,123)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#b7be93
```
#b7be93 rgb(183,190,147)
```
#bfc6a0
```
#bfc6a0 rgb(191,198,160)
```
#c8cdac
```
#c8cdac rgb(200,205,172)
```
#d0d4b8
```
#d0d4b8 rgb(208,212,184)
```
#d8dcc4
```
#d8dcc4 rgb(216,220,196)
```
#e0e3d1
```
#e0e3d1 rgb(224,227,209)
```
#e8eadd
```
#e8eadd rgb(232,234,221)
```
#f0f2e9
```
#f0f2e9 rgb(240,242,233)
```
#f9f9f5
```
#f9f9f5 rgb(249,249,245)
```

Tint Color Variation

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

#a0a19d
```
#a0a19d rgb(160,161,157)
```
#a5a896
```
#a5a896 rgb(165,168,150)
```
#aab08e
```
#aab08e rgb(170,176,142)
```
#afb787
```
#afb787 rgb(175,183,135)
```
#b4be80
```
#b4be80 rgb(180,190,128)
```
#b9c678
```
#b9c678 rgb(185,198,120)
```
#becd71
```
#becd71 rgb(190,205,113)
```
#c3d569
```
#c3d569 rgb(195,213,105)
```
#c8dc62
```
#c8dc62 rgb(200,220,98)
```
#cde35b
```
#cde35b rgb(205,227,91)
```
#d1eb53
```
#d1eb53 rgb(209,235,83)
```
#d6f24c
```
#d6f24c rgb(214,242,76)
```
#dbf945
```
#dbf945 rgb(219,249,69)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b68b Protanopia 1% of men
#d4af90 Deuteranopia 1% of men
#bbb3c0 Tritanopia 0.001% of the population

Trichromacy

#bbb689 Protanomaly 1% of men, 0.01% of women
#c6b28d Deuteranomaly 6% of men, 0.4% of women
#b6b4ab Tritanomaly 0.01% of the population

#afb787 hex color

#afb787 Color Information

#afb787 Color Conversion

Color Schemes with #afb787

Alternatives to #afb787

#afb787 Preview

Shades and Tints of #afb787

Tones of #afb787

Color Blindness Simulator