#afbf88 hex color

In a RGB color space, hex #afbf88 is composed of 68.6% red, 74.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 28.8% yellow and 25.1% black. It has a hue angle of 77.5 degrees, a saturation of 30.1% and a lightness of 64.1%. #afbf88 color hex could be obtained by blending #ffffff with #5f7f11. Closest websafe color is: #99cc99.

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

● #afbf88 color description : Slightly desaturated green.

The hexadecimal color #afbf88 has RGB values of R:175, G:191, B:136 and CMYK values of C:0.08, M:0, Y:0.29, K:0.25. Its decimal value is 11517832.

Hex triplet	afbf88	`#afbf88`
RGB Decimal	175, 191, 136	`rgb(175,191,136)`
RGB Percent	68.6, 74.9, 53.3	`rgb(68.6%,74.9%,53.3%)`
CMYK	8, 0, 29, 25
HSL	77.5°, 30.1, 64.1	`hsl(77.5,30.1%,64.1%)`
HSV (or HSB)	77.5°, 28.8, 74.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.921, -14.871, 25.988
XYZ	40.753, 48.153, 30.439
xyY	0.341, 0.403, 48.153
CIE-LCH	74.921, 29.942, 119.78
CIE-LUV	74.921, -6.857, 37.902
Hunter-Lab	69.392, -16.607, 22.567
Binary	10101111, 10111111, 10001000

#afbf88
```
#afbf88 rgb(175,191,136)
```
#9888bf
```
#9888bf rgb(152,136,191)
```

Complementary Color

#bfb488
```
#bfb488 rgb(191,180,136)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#94bf88
```
#94bf88 rgb(148,191,136)
```

Analogous Color

#b488bf
```
#b488bf rgb(180,136,191)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#8894bf
```
#8894bf rgb(136,148,191)
```

Split Complementary Color

#bf88af
```
#bf88af rgb(191,136,175)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#88afbf
```
#88afbf rgb(136,175,191)
```

Triadic Color

#bf9888
```
#bf9888 rgb(191,152,136)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#88afbf
```
#88afbf rgb(136,175,191)
```
#9888bf
```
#9888bf rgb(152,136,191)
```

Tetradic Color

#8da358
```
#8da358 rgb(141,163,88)
```
#99ad67
```
#99ad67 rgb(153,173,103)
```
#a4b677
```
#a4b677 rgb(164,182,119)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#bac899
```
#bac899 rgb(186,200,153)
```
#c5d1a9
```
#c5d1a9 rgb(197,209,169)
```
#d0daba
```
#d0daba rgb(208,218,186)
```

Monochromatic Color

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

#bdbf88
```
#bdbf88 rgb(189,191,136)
```
#b8bf88
```
#b8bf88 rgb(184,191,136)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#aabf88
```
#aabf88 rgb(170,191,136)
```
#a6bf88
```
#a6bf88 rgb(166,191,136)
```
#a1bf88
```
#a1bf88 rgb(161,191,136)
```

Similar Colors

Text with hexadecimal color #afbf88

This text has a font color of #afbf88.

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

#afbf88 background color

This paragraph has a background color of #afbf88.

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

#afbf88 border color

This element has a border color of #afbf88.

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

CSS codes

.text {color:#afbf88;}

.background {background-color:#afbf88;}

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

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

#070905
```
#070905 rgb(7,9,5)
```
#12150b
```
#12150b rgb(18,21,11)
```
#1d2212
```
#1d2212 rgb(29,34,18)
```
#292f19
```
#292f19 rgb(41,47,25)
```
#343c20
```
#343c20 rgb(52,60,32)
```
#3f4827
```
#3f4827 rgb(63,72,39)
```
#4a552e
```
#4a552e rgb(74,85,46)
```
#556235
```
#556235 rgb(85,98,53)
```
#606f3b
```
#606f3b rgb(96,111,59)
```
#6b7b42
```
#6b7b42 rgb(107,123,66)
```
#768849
```
#768849 rgb(118,136,73)
```
#819550
```
#819550 rgb(129,149,80)
```
#8ca257
```
#8ca257 rgb(140,162,87)
```

Shade Color Variation

#95aa62
```
#95aa62 rgb(149,170,98)
```
#9eb16e
```
#9eb16e rgb(158,177,110)
```
#a6b87b
```
#a6b87b rgb(166,184,123)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#b8c695
```
#b8c695 rgb(184,198,149)
```
#c0cda2
```
#c0cda2 rgb(192,205,162)
```
#c9d4ae
```
#c9d4ae rgb(201,212,174)
```
#d1dabb
```
#d1dabb rgb(209,218,187)
```
#dae1c8
```
#dae1c8 rgb(218,225,200)
```
#e2e8d5
```
#e2e8d5 rgb(226,232,213)
```
#ebefe1
```
#ebefe1 rgb(235,239,225)
```
#f4f6ee
```
#f4f6ee rgb(244,246,238)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#a6aa9d
```
#a6aa9d rgb(166,170,157)
```
#a9b196
```
#a9b196 rgb(169,177,150)
```
#acb88f
```
#acb88f rgb(172,184,143)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#b2c681
```
#b2c681 rgb(178,198,129)
```
#b5cd7a
```
#b5cd7a rgb(181,205,122)
```
#b8d473
```
#b8d473 rgb(184,212,115)
```
#bbdb6c
```
#bbdb6c rgb(187,219,108)
```
#bee265
```
#bee265 rgb(190,226,101)
```
#c1e95e
```
#c1e95e rgb(193,233,94)
```
#c4f057
```
#c4f057 rgb(196,240,87)
```
#c7f750
```
#c7f750 rgb(199,247,80)
```
#c9fe49
```
#c9fe49 rgb(201,254,73)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bb8b Protanopia 1% of men
#dbb492 Deuteranopia 1% of men
#bcbac8 Tritanopia 0.001% of the population

Trichromacy

#bfbc8a Protanomaly 1% of men, 0.01% of women
#cbb88e Deuteranomaly 6% of men, 0.4% of women
#b7bcb0 Tritanomaly 0.01% of the population

#afbf88 hex color

#afbf88 Color Information

#afbf88 Color Conversion

Color Schemes with #afbf88

Alternatives to #afbf88

#afbf88 Preview

Shades and Tints of #afbf88

Tones of #afbf88

Color Blindness Simulator