#afb86c hex color

In a RGB color space, hex #afb86c is composed of 68.6% red, 72.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 41.3% yellow and 27.8% black. It has a hue angle of 67.1 degrees, a saturation of 34.9% and a lightness of 57.3%. #afb86c color hex could be obtained by blending #ffffd8 with #5f7100. Closest websafe color is: #99cc66.

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

● #afb86c color description : Slightly desaturated yellow.

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

Hex triplet	afb86c	`#afb86c`
RGB Decimal	175, 184, 108	`rgb(175,184,108)`
RGB Percent	68.6, 72.2, 42.4	`rgb(68.6%,72.2%,42.4%)`
CMYK	5, 0, 41, 28
HSL	67.1°, 34.9, 57.3	`hsl(67.1,34.9%,57.3%)`
HSV (or HSB)	67.1°, 41.3, 72.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.547, -14.863, 37.491
XYZ	37.526, 44.478, 20.795
xyY	0.365, 0.433, 44.478
CIE-LCH	72.547, 40.33, 111.625
CIE-LUV	72.547, -2.034, 50.47
Hunter-Lab	66.692, -16.272, 28.197
Binary	10101111, 10111000, 01101100

#afb86c
```
#afb86c rgb(175,184,108)
```
#756cb8
```
#756cb8 rgb(117,108,184)
```

Complementary Color

#b89b6c
```
#b89b6c rgb(184,155,108)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#89b86c
```
#89b86c rgb(137,184,108)
```

Analogous Color

#9b6cb8
```
#9b6cb8 rgb(155,108,184)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#6c89b8
```
#6c89b8 rgb(108,137,184)
```

Split Complementary Color

#b86caf
```
#b86caf rgb(184,108,175)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#6cafb8
```
#6cafb8 rgb(108,175,184)
```

Triadic Color

#b8756c
```
#b8756c rgb(184,117,108)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#6cafb8
```
#6cafb8 rgb(108,175,184)
```
#756cb8
```
#756cb8 rgb(117,108,184)
```

Tetradic Color

#889146
```
#889146 rgb(136,145,70)
```
#99a34e
```
#99a34e rgb(153,163,78)
```
#a6b05b
```
#a6b05b rgb(166,176,91)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#b8c07d
```
#b8c07d rgb(184,192,125)
```
#c2c98e
```
#c2c98e rgb(194,201,142)
```
#cbd1a0
```
#cbd1a0 rgb(203,209,160)
```

Monochromatic Color

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

#b8ae6c
```
#b8ae6c rgb(184,174,108)
```
#b8b46c
```
#b8b46c rgb(184,180,108)
```
#b5b86c
```
#b5b86c rgb(181,184,108)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#a9b86c
```
#a9b86c rgb(169,184,108)
```
#a2b86c
```
#a2b86c rgb(162,184,108)
```
#9cb86c
```
#9cb86c rgb(156,184,108)
```

Similar Colors

Text with hexadecimal color #afb86c

This text has a font color of #afb86c.

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

#afb86c background color

This paragraph has a background color of #afb86c.

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

#afb86c border color

This element has a border color of #afb86c.

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

CSS codes

.text {color:#afb86c;}

.background {background-color:#afb86c;}

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

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

#0b0c06
```
#0b0c06 rgb(11,12,6)
```
#17190c
```
#17190c rgb(23,25,12)
```
#242612
```
#242612 rgb(36,38,18)
```
#303319
```
#303319 rgb(48,51,25)
```
#3d411f
```
#3d411f rgb(61,65,31)
```
#494e26
```
#494e26 rgb(73,78,38)
```
#565b2c
```
#565b2c rgb(86,91,44)
```
#626832
```
#626832 rgb(98,104,50)
```
#6e7639
```
#6e7639 rgb(110,118,57)
```
#7b833f
```
#7b833f rgb(123,131,63)
```
#879046
```
#879046 rgb(135,144,70)
```
#949d4c
```
#949d4c rgb(148,157,76)
```
#a0aa52
```
#a0aa52 rgb(160,170,82)
```

Shade Color Variation

#a8b25f
```
#a8b25f rgb(168,178,95)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#b6be79
```
#b6be79 rgb(182,190,121)
```
#bdc586
```
#bdc586 rgb(189,197,134)
```
#c5cb94
```
#c5cb94 rgb(197,203,148)
```
#ccd2a1
```
#ccd2a1 rgb(204,210,161)
```
#d3d8ae
```
#d3d8ae rgb(211,216,174)
```
#dadebb
```
#dadebb rgb(218,222,187)
```
#e1e5c9
```
#e1e5c9 rgb(225,229,201)
```
#e9ebd6
```
#e9ebd6 rgb(233,235,214)
```
#f0f1e3
```
#f0f1e3 rgb(240,241,227)
```
#f7f8f0
```
#f7f8f0 rgb(247,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#95968e
```
#95968e rgb(149,150,142)
```
#9c9f85
```
#9c9f85 rgb(156,159,133)
```
#a2a77d
```
#a2a77d rgb(162,167,125)
```
#a9b074
```
#a9b074 rgb(169,176,116)
```
#afb86c
```
#afb86c rgb(175,184,108)
```
#b5c064
```
#b5c064 rgb(181,192,100)
```
#bcc95b
```
#bcc95b rgb(188,201,91)
```
#c2d153
```
#c2d153 rgb(194,209,83)
```
#c9da4a
```
#c9da4a rgb(201,218,74)
```
#cfe242
```
#cfe242 rgb(207,226,66)
```
#d5ea3a
```
#d5ea3a rgb(213,234,58)
```
#dcf331
```
#dcf331 rgb(220,243,49)
```
#e2fb29
```
#e2fb29 rgb(226,251,41)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adafa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b571 Protanopia 1% of men
#d9ae77 Deuteranopia 1% of men
#bdb2bf Tritanopia 0.001% of the population

Trichromacy

#bdb66f Protanomaly 1% of men, 0.01% of women
#cab173 Deuteranomaly 6% of men, 0.4% of women
#b8b4a1 Tritanomaly 0.01% of the population

#afb86c hex color

#afb86c Color Information

#afb86c Color Conversion

Color Schemes with #afb86c

Alternatives to #afb86c

#afb86c Preview

Shades and Tints of #afb86c

Tones of #afb86c

Color Blindness Simulator