#afb86b hex color

In a RGB color space, hex #afb86b is composed of 68.6% red, 72.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 41.8% yellow and 27.8% black. It has a hue angle of 67 degrees, a saturation of 35.2% and a lightness of 57.1%. #afb86b color hex could be obtained by blending #ffffd6 with #5f7100. Closest websafe color is: #99cc66.

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

● #afb86b color description : Slightly desaturated yellow.

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

Hex triplet	afb86b	`#afb86b`
RGB Decimal	175, 184, 107	`rgb(175,184,107)`
RGB Percent	68.6, 72.2, 42	`rgb(68.6%,72.2%,42%)`
CMYK	5, 0, 42, 28
HSL	67°, 35.2, 57.1	`hsl(67,35.2%,57.1%)`
HSV (or HSB)	67°, 41.8, 72.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.533, -14.975, 37.984
XYZ	37.473, 44.457, 20.516
xyY	0.366, 0.434, 44.457
CIE-LCH	72.533, 40.829, 111.516
CIE-LUV	72.533, -2.004, 51.001
Hunter-Lab	66.676, -16.362, 28.43
Binary	10101111, 10111000, 01101011

#afb86b
```
#afb86b rgb(175,184,107)
```
#746bb8
```
#746bb8 rgb(116,107,184)
```

Complementary Color

#b89b6b
```
#b89b6b rgb(184,155,107)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#89b86b
```
#89b86b rgb(137,184,107)
```

Analogous Color

#9b6bb8
```
#9b6bb8 rgb(155,107,184)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#6b89b8
```
#6b89b8 rgb(107,137,184)
```

Split Complementary Color

#b86baf
```
#b86baf rgb(184,107,175)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#6bafb8
```
#6bafb8 rgb(107,175,184)
```

Triadic Color

#b8746b
```
#b8746b rgb(184,116,107)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#6bafb8
```
#6bafb8 rgb(107,175,184)
```
#746bb8
```
#746bb8 rgb(116,107,184)
```

Tetradic Color

#889146
```
#889146 rgb(136,145,70)
```
#98a24e
```
#98a24e rgb(152,162,78)
```
#a6b05a
```
#a6b05a rgb(166,176,90)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#b8c07c
```
#b8c07c rgb(184,192,124)
```
#c2c98d
```
#c2c98d rgb(194,201,141)
```
#cbd19f
```
#cbd19f rgb(203,209,159)
```

Monochromatic Color

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

#b8ae6b
```
#b8ae6b rgb(184,174,107)
```
#b8b46b
```
#b8b46b rgb(184,180,107)
```
#b5b86b
```
#b5b86b rgb(181,184,107)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#a9b86b
```
#a9b86b rgb(169,184,107)
```
#a2b86b
```
#a2b86b rgb(162,184,107)
```
#9cb86b
```
#9cb86b rgb(156,184,107)
```

Similar Colors

Text with hexadecimal color #afb86b

This text has a font color of #afb86b.

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

#afb86b background color

This paragraph has a background color of #afb86b.

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

#afb86b border color

This element has a border color of #afb86b.

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

CSS codes

.text {color:#afb86b;}

.background {background-color:#afb86b;}

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

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

#0a0b05
```
#0a0b05 rgb(10,11,5)
```
#17180c
```
#17180c rgb(23,24,12)
```
#232612
```
#232612 rgb(35,38,18)
```
#303318
```
#303318 rgb(48,51,24)
```
#3c401f
```
#3c401f rgb(60,64,31)
```
#494d25
```
#494d25 rgb(73,77,37)
```
#555b2b
```
#555b2b rgb(85,91,43)
```
#626832
```
#626832 rgb(98,104,50)
```
#6e7538
```
#6e7538 rgb(110,117,56)
```
#7a823f
```
#7a823f rgb(122,130,63)
```
#879045
```
#879045 rgb(135,144,69)
```
#939d4b
```
#939d4b rgb(147,157,75)
```
#a0aa52
```
#a0aa52 rgb(160,170,82)
```

Shade Color Variation

#a8b25e
```
#a8b25e rgb(168,178,94)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#b6be78
```
#b6be78 rgb(182,190,120)
```
#bdc586
```
#bdc586 rgb(189,197,134)
```
#c4cb93
```
#c4cb93 rgb(196,203,147)
```
#ccd1a0
```
#ccd1a0 rgb(204,209,160)
```
#d3d8ad
```
#d3d8ad rgb(211,216,173)
```
#dadebb
```
#dadebb rgb(218,222,187)
```
#e1e5c8
```
#e1e5c8 rgb(225,229,200)
```
#e8ebd5
```
#e8ebd5 rgb(232,235,213)
```
#eff1e2
```
#eff1e2 rgb(239,241,226)
```
#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, #95968d is the less saturated color, while #e3fb28 is the most saturated one.

#95968d
```
#95968d rgb(149,150,141)
```
#9c9f84
```
#9c9f84 rgb(156,159,132)
```
#a2a77c
```
#a2a77c rgb(162,167,124)
```
#a9b073
```
#a9b073 rgb(169,176,115)
```
#afb86b
```
#afb86b rgb(175,184,107)
```
#b5c063
```
#b5c063 rgb(181,192,99)
```
#bcc95a
```
#bcc95a rgb(188,201,90)
```
#c2d152
```
#c2d152 rgb(194,209,82)
```
#c9da49
```
#c9da49 rgb(201,218,73)
```
#cfe241
```
#cfe241 rgb(207,226,65)
```
#d6eb38
```
#d6eb38 rgb(214,235,56)
```
#dcf330
```
#dcf330 rgb(220,243,48)
```
#e3fb28
```
#e3fb28 rgb(227,251,40)
```

Tone Color Variation

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

#c6b570 Protanopia 1% of men
#d9ae76 Deuteranopia 1% of men
#bdb2bf Tritanopia 0.001% of the population

Trichromacy

#bdb66e Protanomaly 1% of men, 0.01% of women
#cab172 Deuteranomaly 6% of men, 0.4% of women
#b8b4a0 Tritanomaly 0.01% of the population

#afb86b hex color

#afb86b Color Information

#afb86b Color Conversion

Color Schemes with #afb86b

Alternatives to #afb86b

#afb86b Preview

Shades and Tints of #afb86b

Tones of #afb86b

Color Blindness Simulator