#afb884 hex color

In a RGB color space, hex #afb884 is composed of 68.6% red, 72.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 28.3% yellow and 27.8% black. It has a hue angle of 70.4 degrees, a saturation of 26.8% and a lightness of 62%. #afb884 color hex could be obtained by blending #ffffff with #5f7109. Closest websafe color is: #99cc99.

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

● #afb884 color description : Slightly desaturated yellow.

The hexadecimal color #afb884 has RGB values of R:175, G:184, B:132 and CMYK values of C:0.05, M:0, Y:0.28, K:0.28. Its decimal value is 11516036.

Hex triplet	afb884	`#afb884`
RGB Decimal	175, 184, 132	`rgb(175,184,132)`
RGB Percent	68.6, 72.2, 51.8	`rgb(68.6%,72.2%,51.8%)`
CMYK	5, 0, 28, 28
HSL	70.4°, 26.8, 62	`hsl(70.4,26.8%,62%)`
HSV (or HSB)	70.4°, 28.3, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.932, -11.834, 25.437
XYZ	38.984, 45.061, 28.472
xyY	0.346, 0.4, 45.061
CIE-LCH	72.932, 28.055, 114.949
CIE-LUV	72.932, -2.842, 36.407
Hunter-Lab	67.127, -13.811, 21.841
Binary	10101111, 10111000, 10000100

#afb884
```
#afb884 rgb(175,184,132)
```
#8d84b8
```
#8d84b8 rgb(141,132,184)
```

Complementary Color

#b8a784
```
#b8a784 rgb(184,167,132)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#95b884
```
#95b884 rgb(149,184,132)
```

Analogous Color

#a784b8
```
#a784b8 rgb(167,132,184)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#8495b8
```
#8495b8 rgb(132,149,184)
```

Split Complementary Color

#b884af
```
#b884af rgb(184,132,175)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#84afb8
```
#84afb8 rgb(132,175,184)
```

Triadic Color

#b88d84
```
#b88d84 rgb(184,141,132)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#84afb8
```
#84afb8 rgb(132,175,184)
```
#8d84b8
```
#8d84b8 rgb(141,132,184)
```

Tetradic Color

#8d9858
```
#8d9858 rgb(141,152,88)
```
#9aa564
```
#9aa564 rgb(154,165,100)
```
#a4af74
```
#a4af74 rgb(164,175,116)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#bac194
```
#bac194 rgb(186,193,148)
```
#c4cba4
```
#c4cba4 rgb(196,203,164)
```
#cfd4b5
```
#cfd4b5 rgb(207,212,181)
```

Monochromatic Color

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

#b8b484
```
#b8b484 rgb(184,180,132)
```
#b8b884
```
#b8b884 rgb(184,184,132)
```
#b3b884
```
#b3b884 rgb(179,184,132)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#abb884
```
#abb884 rgb(171,184,132)
```
#a6b884
```
#a6b884 rgb(166,184,132)
```
#a2b884
```
#a2b884 rgb(162,184,132)
```

Similar Colors

Text with hexadecimal color #afb884

This text has a font color of #afb884.

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

#afb884 background color

This paragraph has a background color of #afb884.

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

#afb884 border color

This element has a border color of #afb884.

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

CSS codes

.text {color:#afb884;}

.background {background-color:#afb884;}

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

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 #f8f9f4 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0d0e08
```
#0d0e08 rgb(13,14,8)
```
#181a0f
```
#181a0f rgb(24,26,15)
```
#242716
```
#242716 rgb(36,39,22)
```
#2f331e
```
#2f331e rgb(47,51,30)
```
#3b4025
```
#3b4025 rgb(59,64,37)
```
#464c2c
```
#464c2c rgb(70,76,44)
```
#525833
```
#525833 rgb(82,88,51)
```
#5d653a
```
#5d653a rgb(93,101,58)
```
#697141
```
#697141 rgb(105,113,65)
```
#757e49
```
#757e49 rgb(117,126,73)
```
#808a50
```
#808a50 rgb(128,138,80)
```
#8c9757
```
#8c9757 rgb(140,151,87)
```

Shade Color Variation

#97a25f
```
#97a25f rgb(151,162,95)
```
#9faa6b
```
#9faa6b rgb(159,170,107)
```
#a7b178
```
#a7b178 rgb(167,177,120)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#b7bf90
```
#b7bf90 rgb(183,191,144)
```
#bfc69d
```
#bfc69d rgb(191,198,157)
```
#c7cea9
```
#c7cea9 rgb(199,206,169)
```
#cfd5b6
```
#cfd5b6 rgb(207,213,182)
```
#d7dcc2
```
#d7dcc2 rgb(215,220,194)
```
#e0e3cf
```
#e0e3cf rgb(224,227,207)
```
#e8eadb
```
#e8eadb rgb(232,234,219)
```
#f0f1e7
```
#f0f1e7 rgb(240,241,231)
```
#f8f9f4
```
#f8f9f4 rgb(248,249,244)
```

Tint Color Variation

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

#a0a29a
```
#a0a29a rgb(160,162,154)
```
#a5a993
```
#a5a993 rgb(165,169,147)
```
#aab18b
```
#aab18b rgb(170,177,139)
```
#afb884
```
#afb884 rgb(175,184,132)
```
#b4bf7d
```
#b4bf7d rgb(180,191,125)
```
#b9c775
```
#b9c775 rgb(185,199,117)
```
#bece6e
```
#bece6e rgb(190,206,110)
```
#c3d666
```
#c3d666 rgb(195,214,102)
```
#c7dd5f
```
#c7dd5f rgb(199,221,95)
```
#cce557
```
#cce557 rgb(204,229,87)
```
#d1ec50
```
#d1ec50 rgb(209,236,80)
```
#d6f448
```
#d6f448 rgb(214,244,72)
```
#dbfb41
```
#dbfb41 rgb(219,251,65)
```

Tone Color Variation

Below, you can see how #afb884 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
#afb1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b688 Protanopia 1% of men
#d5af8e Deuteranopia 1% of men
#bbb4c1 Tritanopia 0.001% of the population

Trichromacy

#bcb786 Protanomaly 1% of men, 0.01% of women
#c7b28a Deuteranomaly 6% of men, 0.4% of women
#b6b5aa Tritanomaly 0.01% of the population

#afb884 hex color

#afb884 Color Information

#afb884 Color Conversion

Color Schemes with #afb884

Alternatives to #afb884

#afb884 Preview

Shades and Tints of #afb884

Tones of #afb884

Color Blindness Simulator