#afb880 hex color

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

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

● #afb880 color description : Slightly desaturated yellow.

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

Hex triplet	afb880	`#afb880`
RGB Decimal	175, 184, 128	`rgb(175,184,128)`
RGB Percent	68.6, 72.2, 50.2	`rgb(68.6%,72.2%,50.2%)`
CMYK	5, 0, 30, 28
HSL	69.6°, 28.3, 61.2	`hsl(69.6,28.3%,61.2%)`
HSV (or HSB)	69.6°, 30.4, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.861, -12.384, 27.468
XYZ	38.715, 44.954, 27.058
xyY	0.35, 0.406, 44.954
CIE-LCH	72.861, 30.131, 114.268
CIE-LUV	72.861, -2.698, 38.919
Hunter-Lab	67.047, -14.262, 23.006
Binary	10101111, 10111000, 10000000

#afb880
```
#afb880 rgb(175,184,128)
```
#8980b8
```
#8980b8 rgb(137,128,184)
```

Complementary Color

#b8a580
```
#b8a580 rgb(184,165,128)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#93b880
```
#93b880 rgb(147,184,128)
```

Analogous Color

#a580b8
```
#a580b8 rgb(165,128,184)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#8093b8
```
#8093b8 rgb(128,147,184)
```

Split Complementary Color

#b880af
```
#b880af rgb(184,128,175)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#80afb8
```
#80afb8 rgb(128,175,184)
```

Triadic Color

#b88980
```
#b88980 rgb(184,137,128)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#80afb8
```
#80afb8 rgb(128,175,184)
```
#8980b8
```
#8980b8 rgb(137,128,184)
```

Tetradic Color

#8c9754
```
#8c9754 rgb(140,151,84)
```
#9aa65f
```
#9aa65f rgb(154,166,95)
```
#a5af70
```
#a5af70 rgb(165,175,112)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#b9c190
```
#b9c190 rgb(185,193,144)
```
#c4caa1
```
#c4caa1 rgb(196,202,161)
```
#ced3b1
```
#ced3b1 rgb(206,211,177)
```

Monochromatic Color

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

#b8b380
```
#b8b380 rgb(184,179,128)
```
#b8b880
```
#b8b880 rgb(184,184,128)
```
#b4b880
```
#b4b880 rgb(180,184,128)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#aab880
```
#aab880 rgb(170,184,128)
```
#a6b880
```
#a6b880 rgb(166,184,128)
```
#a1b880
```
#a1b880 rgb(161,184,128)
```

Similar Colors

Text with hexadecimal color #afb880

This text has a font color of #afb880.

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

#afb880 background color

This paragraph has a background color of #afb880.

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

#afb880 border color

This element has a border color of #afb880.

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

CSS codes

.text {color:#afb880;}

.background {background-color:#afb880;}

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

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, #0b0b06 is the darkest color, while #fefefe is the lightest one.

#0b0b06
```
#0b0b06 rgb(11,11,6)
```
#16180d
```
#16180d rgb(22,24,13)
```
#222514
```
#222514 rgb(34,37,20)
```
#2e311b
```
#2e311b rgb(46,49,27)
```
#393e23
```
#393e23 rgb(57,62,35)
```
#454a2a
```
#454a2a rgb(69,74,42)
```
#515731
```
#515731 rgb(81,87,49)
```
#5c6338
```
#5c6338 rgb(92,99,56)
```
#68703f
```
#68703f rgb(104,112,63)
```
#747d46
```
#747d46 rgb(116,125,70)
```
#7f894d
```
#7f894d rgb(127,137,77)
```
#8b9654
```
#8b9654 rgb(139,150,84)
```
#97a25b
```
#97a25b rgb(151,162,91)
```

Shade Color Variation

#9faa67
```
#9faa67 rgb(159,170,103)
```
#a7b173
```
#a7b173 rgb(167,177,115)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#b7bf8d
```
#b7bf8d rgb(183,191,141)
```
#bfc699
```
#bfc699 rgb(191,198,153)
```
#c7cda6
```
#c7cda6 rgb(199,205,166)
```
#cfd4b2
```
#cfd4b2 rgb(207,212,178)
```
#d7dbbf
```
#d7dbbf rgb(215,219,191)
```
#dfe2cb
```
#dfe2cb rgb(223,226,203)
```
#e6e9d8
```
#e6e9d8 rgb(230,233,216)
```
#eef0e5
```
#eef0e5 rgb(238,240,229)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#9fa197
```
#9fa197 rgb(159,161,151)
```
#a5a98f
```
#a5a98f rgb(165,169,143)
```
#aab088
```
#aab088 rgb(170,176,136)
```
#afb880
```
#afb880 rgb(175,184,128)
```
#b4c078
```
#b4c078 rgb(180,192,120)
```
#b9c771
```
#b9c771 rgb(185,199,113)
```
#bfcf69
```
#bfcf69 rgb(191,207,105)
```
#c4d662
```
#c4d662 rgb(196,214,98)
```
#c9de5a
```
#c9de5a rgb(201,222,90)
```
#cee652
```
#cee652 rgb(206,230,82)
```
#d3ed4b
```
#d3ed4b rgb(211,237,75)
```
#d8f543
```
#d8f543 rgb(216,245,67)
```
#defd3b
```
#defd3b rgb(222,253,59)
```

Tone Color Variation

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

#c4b684 Protanopia 1% of men
#d6af8a Deuteranopia 1% of men
#bbb4c0 Tritanopia 0.001% of the population

Trichromacy

#bcb782 Protanomaly 1% of men, 0.01% of women
#c8b286 Deuteranomaly 6% of men, 0.4% of women
#b7b5a9 Tritanomaly 0.01% of the population

#afb880 hex color

#afb880 Color Information

#afb880 Color Conversion

Color Schemes with #afb880

Alternatives to #afb880

#afb880 Preview

Shades and Tints of #afb880

Tones of #afb880

Color Blindness Simulator