#afbe77 hex color

In a RGB color space, hex #afbe77 is composed of 68.6% red, 74.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 37.4% yellow and 25.5% black. It has a hue angle of 72.7 degrees, a saturation of 35.3% and a lightness of 60.6%. #afbe77 color hex could be obtained by blending #ffffee with #5f7d00. Closest websafe color is: #99cc66.

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

● #afbe77 color description : Slightly desaturated yellow.

The hexadecimal color #afbe77 has RGB values of R:175, G:190, B:119 and CMYK values of C:0.08, M:0, Y:0.37, K:0.25. Its decimal value is 11517559.

Hex triplet	afbe77	`#afbe77`
RGB Decimal	175, 190, 119	`rgb(175,190,119)`
RGB Percent	68.6, 74.5, 46.7	`rgb(68.6%,74.5%,46.7%)`
CMYK	8, 0, 37, 25
HSL	72.7°, 35.3, 60.6	`hsl(72.7,35.3%,60.6%)`
HSV (or HSB)	72.7°, 37.4, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.364, -16.62, 34.154
XYZ	39.422, 47.273, 24.5
xyY	0.355, 0.425, 47.273
CIE-LCH	74.364, 37.983, 115.948
CIE-LUV	74.364, -5.809, 47.603
Hunter-Lab	68.755, -17.976, 27.002
Binary	10101111, 10111110, 01110111

#afbe77
```
#afbe77 rgb(175,190,119)
```
#8677be
```
#8677be rgb(134,119,190)
```

Complementary Color

#beaa77
```
#beaa77 rgb(190,170,119)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#8cbe77
```
#8cbe77 rgb(140,190,119)
```

Analogous Color

#aa77be
```
#aa77be rgb(170,119,190)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#778cbe
```
#778cbe rgb(119,140,190)
```

Split Complementary Color

#be77af
```
#be77af rgb(190,119,175)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#77afbe
```
#77afbe rgb(119,175,190)
```

Triadic Color

#be8677
```
#be8677 rgb(190,134,119)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#77afbe
```
#77afbe rgb(119,175,190)
```
#8677be
```
#8677be rgb(134,119,190)
```

Tetradic Color

#8c9d4b
```
#8c9d4b rgb(140,157,75)
```
#9bae54
```
#9bae54 rgb(155,174,84)
```
#a5b666
```
#a5b666 rgb(165,182,102)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#b9c688
```
#b9c688 rgb(185,198,136)
```
#c3ce9a
```
#c3ce9a rgb(195,206,154)
```
#cdd7ab
```
#cdd7ab rgb(205,215,171)
```

Monochromatic Color

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

#bebb77
```
#bebb77 rgb(190,187,119)
```
#bbbe77
```
#bbbe77 rgb(187,190,119)
```
#b5be77
```
#b5be77 rgb(181,190,119)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#a9be77
```
#a9be77 rgb(169,190,119)
```
#a3be77
```
#a3be77 rgb(163,190,119)
```
#9dbe77
```
#9dbe77 rgb(157,190,119)
```

Similar Colors

Text with hexadecimal color #afbe77

This text has a font color of #afbe77.

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

#afbe77 background color

This paragraph has a background color of #afbe77.

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

#afbe77 border color

This element has a border color of #afbe77.

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

CSS codes

.text {color:#afbe77;}

.background {background-color:#afbe77;}

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

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, #090a05 is the darkest color, while #fdfdfc is the lightest one.

#090a05
```
#090a05 rgb(9,10,5)
```
#15170b
```
#15170b rgb(21,23,11)
```
#212511
```
#212511 rgb(33,37,17)
```
#2c3218
```
#2c3218 rgb(44,50,24)
```
#383f1e
```
#383f1e rgb(56,63,30)
```
#444c24
```
#444c24 rgb(68,76,36)
```
#505a2b
```
#505a2b rgb(80,90,43)
```
#5c6731
```
#5c6731 rgb(92,103,49)
```
#677438
```
#677438 rgb(103,116,56)
```
#73813e
```
#73813e rgb(115,129,62)
```
#7f8f44
```
#7f8f44 rgb(127,143,68)
```
#8b9c4b
```
#8b9c4b rgb(139,156,75)
```
#97a951
```
#97a951 rgb(151,169,81)
```

Shade Color Variation

#9fb15c
```
#9fb15c rgb(159,177,92)
```
#a7b86a
```
#a7b86a rgb(167,184,106)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#b7c484
```
#b7c484 rgb(183,196,132)
```
#bfcb92
```
#bfcb92 rgb(191,203,146)
```
#c6d19f
```
#c6d19f rgb(198,209,159)
```
#ced7ac
```
#ced7ac rgb(206,215,172)
```
#d6deb9
```
#d6deb9 rgb(214,222,185)
```
#dee4c7
```
#dee4c7 rgb(222,228,199)
```
#e6ead4
```
#e6ead4 rgb(230,234,212)
```
#edf1e1
```
#edf1e1 rgb(237,241,225)
```
#f5f7ee
```
#f5f7ee rgb(245,247,238)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#9d9f96
```
#9d9f96 rgb(157,159,150)
```
#a2a78e
```
#a2a78e rgb(162,167,142)
```
#a6af86
```
#a6af86 rgb(166,175,134)
```
#abb67f
```
#abb67f rgb(171,182,127)
```
#afbe77
```
#afbe77 rgb(175,190,119)
```
#b3c66f
```
#b3c66f rgb(179,198,111)
```
#b8cd68
```
#b8cd68 rgb(184,205,104)
```
#bcd560
```
#bcd560 rgb(188,213,96)
```
#c1dd58
```
#c1dd58 rgb(193,221,88)
```
#c5e550
```
#c5e550 rgb(197,229,80)
```
#caec49
```
#caec49 rgb(202,236,73)
```
#cef441
```
#cef441 rgb(206,244,65)
```
#d3fc39
```
#d3fc39 rgb(211,252,57)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#caba7b Protanopia 1% of men
#ddb382 Deuteranopia 1% of men
#bdb8c5 Tritanopia 0.001% of the population

Trichromacy

#c0bb79 Protanomaly 1% of men, 0.01% of women
#ccb77e Deuteranomaly 6% of men, 0.4% of women
#b8baa9 Tritanomaly 0.01% of the population

#afbe77 hex color

#afbe77 Color Information

#afbe77 Color Conversion

Color Schemes with #afbe77

Alternatives to #afbe77

#afbe77 Preview

Shades and Tints of #afbe77

Tones of #afbe77

Color Blindness Simulator