#afb885 hex color

In a RGB color space, hex #afb885 is composed of 68.6% red, 72.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 27.7% yellow and 27.8% black. It has a hue angle of 70.6 degrees, a saturation of 26.4% and a lightness of 62.2%. #afb885 color hex could be obtained by blending #ffffff with #5f710b. 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

● #afb885 color description : Slightly desaturated yellow.

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

Hex triplet	afb885	`#afb885`
RGB Decimal	175, 184, 133	`rgb(175,184,133)`
RGB Percent	68.6, 72.2, 52.2	`rgb(68.6%,72.2%,52.2%)`
CMYK	5, 0, 28, 28
HSL	70.6°, 26.4, 62.2	`hsl(70.6,26.4%,62.2%)`
HSV (or HSB)	70.6°, 27.7, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.95, -11.693, 24.928
XYZ	39.053, 45.088, 28.835
xyY	0.346, 0.399, 45.088
CIE-LCH	72.95, 27.534, 115.131
CIE-LUV	72.95, -2.879, 35.769
Hunter-Lab	67.148, -13.695, 21.543
Binary	10101111, 10111000, 10000101

#afb885
```
#afb885 rgb(175,184,133)
```
#8e85b8
```
#8e85b8 rgb(142,133,184)
```

Complementary Color

#b8a885
```
#b8a885 rgb(184,168,133)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#96b885
```
#96b885 rgb(150,184,133)
```

Analogous Color

#a885b8
```
#a885b8 rgb(168,133,184)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#8596b8
```
#8596b8 rgb(133,150,184)
```

Split Complementary Color

#b885af
```
#b885af rgb(184,133,175)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#85afb8
```
#85afb8 rgb(133,175,184)
```

Triadic Color

#b88e85
```
#b88e85 rgb(184,142,133)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#85afb8
```
#85afb8 rgb(133,175,184)
```
#8e85b8
```
#8e85b8 rgb(142,133,184)
```

Tetradic Color

#8d9858
```
#8d9858 rgb(141,152,88)
```
#9aa565
```
#9aa565 rgb(154,165,101)
```
#a4af75
```
#a4af75 rgb(164,175,117)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#bac195
```
#bac195 rgb(186,193,149)
```
#c4cba5
```
#c4cba5 rgb(196,203,165)
```
#cfd4b5
```
#cfd4b5 rgb(207,212,181)
```

Monochromatic Color

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

#b8b485
```
#b8b485 rgb(184,180,133)
```
#b8b885
```
#b8b885 rgb(184,184,133)
```
#b3b885
```
#b3b885 rgb(179,184,133)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#abb885
```
#abb885 rgb(171,184,133)
```
#a7b885
```
#a7b885 rgb(167,184,133)
```
#a2b885
```
#a2b885 rgb(162,184,133)
```

Similar Colors

Text with hexadecimal color #afb885

This text has a font color of #afb885.

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

#afb885 background color

This paragraph has a background color of #afb885.

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

#afb885 border color

This element has a border color of #afb885.

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

CSS codes

.text {color:#afb885;}

.background {background-color:#afb885;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0d0e08
```
#0d0e08 rgb(13,14,8)
```
#191b10
```
#191b10 rgb(25,27,16)
```
#242717
```
#242717 rgb(36,39,23)
```
#30341e
```
#30341e rgb(48,52,30)
```
#3b4025
```
#3b4025 rgb(59,64,37)
```
#474c2c
```
#474c2c rgb(71,76,44)
```
#525934
```
#525934 rgb(82,89,52)
```
#5e653b
```
#5e653b rgb(94,101,59)
```
#697242
```
#697242 rgb(105,114,66)
```
#757e49
```
#757e49 rgb(117,126,73)
```
#808a51
```
#808a51 rgb(128,138,81)
```
#8c9758
```
#8c9758 rgb(140,151,88)
```

Shade Color Variation

#97a260
```
#97a260 rgb(151,162,96)
```
#9faa6c
```
#9faa6c rgb(159,170,108)
```
#a7b179
```
#a7b179 rgb(167,177,121)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#b7bf91
```
#b7bf91 rgb(183,191,145)
```
#bfc69e
```
#bfc69e rgb(191,198,158)
```
#c7ceaa
```
#c7ceaa rgb(199,206,170)
```
#d0d5b7
```
#d0d5b7 rgb(208,213,183)
```
#d8dcc3
```
#d8dcc3 rgb(216,220,195)
```
#e0e3cf
```
#e0e3cf rgb(224,227,207)
```
#e8ebdc
```
#e8ebdc rgb(232,235,220)
```
#f0f2e8
```
#f0f2e8 rgb(240,242,232)
```
#f8f9f5
```
#f8f9f5 rgb(248,249,245)
```

Tint Color Variation

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

#a1a29b
```
#a1a29b rgb(161,162,155)
```
#a5a994
```
#a5a994 rgb(165,169,148)
```
#aab18c
```
#aab18c rgb(170,177,140)
```
#afb885
```
#afb885 rgb(175,184,133)
```
#b4bf7e
```
#b4bf7e rgb(180,191,126)
```
#b9c776
```
#b9c776 rgb(185,199,118)
```
#bdce6f
```
#bdce6f rgb(189,206,111)
```
#c2d667
```
#c2d667 rgb(194,214,103)
```
#c7dd60
```
#c7dd60 rgb(199,221,96)
```
#cce558
```
#cce558 rgb(204,229,88)
```
#d1ec51
```
#d1ec51 rgb(209,236,81)
```
#d5f34a
```
#d5f34a rgb(213,243,74)
```
#dafb42
```
#dafb42 rgb(218,251,66)
```

Tone Color Variation

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

#c3b689 Protanopia 1% of men
#d5b08e Deuteranopia 1% of men
#bbb4c1 Tritanopia 0.001% of the population

Trichromacy

#bcb787 Protanomaly 1% of men, 0.01% of women
#c7b28b Deuteranomaly 6% of men, 0.4% of women
#b6b5ab Tritanomaly 0.01% of the population

#afb885 hex color

#afb885 Color Information

#afb885 Color Conversion

Color Schemes with #afb885

Alternatives to #afb885

#afb885 Preview

Shades and Tints of #afb885

Tones of #afb885

Color Blindness Simulator