#afbd76 hex color

In a RGB color space, hex #afbd76 is composed of 68.6% red, 74.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 37.6% yellow and 25.9% black. It has a hue angle of 71.8 degrees, a saturation of 35% and a lightness of 60.2%. #afbd76 color hex could be obtained by blending #ffffec with #5f7b00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 74
- B 46
RGB color chart
- C 7
- M 0
- Y 38
- K 26
CMYK color chart

● #afbd76 color description : Slightly desaturated yellow.

The hexadecimal color #afbd76 has RGB values of R:175, G:189, B:118 and CMYK values of C:0.07, M:0, Y:0.38, K:0.26. Its decimal value is 11517302.

Hex triplet	afbd76	`#afbd76`
RGB Decimal	175, 189, 118	`rgb(175,189,118)`
RGB Percent	68.6, 74.1, 46.3	`rgb(68.6%,74.1%,46.3%)`
CMYK	7, 0, 38, 26
HSL	71.8°, 35, 60.2	`hsl(71.8,35%,60.2%)`
HSV (or HSB)	71.8°, 37.6, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.073, -16.235, 34.296
XYZ	39.146, 46.817, 24.113
xyY	0.356, 0.425, 46.817
CIE-LCH	74.073, 37.944, 115.333
CIE-LUV	74.073, -5.214, 47.629
Hunter-Lab	68.423, -17.617, 27.002
Binary	10101111, 10111101, 01110110

#afbd76
```
#afbd76 rgb(175,189,118)
```
#8476bd
```
#8476bd rgb(132,118,189)
```

Complementary Color

#bda876
```
#bda876 rgb(189,168,118)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#8cbd76
```
#8cbd76 rgb(140,189,118)
```

Analogous Color

#a876bd
```
#a876bd rgb(168,118,189)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#768cbd
```
#768cbd rgb(118,140,189)
```

Split Complementary Color

#bd76af
```
#bd76af rgb(189,118,175)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#76afbd
```
#76afbd rgb(118,175,189)
```

Triadic Color

#bd8476
```
#bd8476 rgb(189,132,118)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#76afbd
```
#76afbd rgb(118,175,189)
```
#8476bd
```
#8476bd rgb(132,118,189)
```

Tetradic Color

#8c9c4b
```
#8c9c4b rgb(140,156,75)
```
#9bac54
```
#9bac54 rgb(155,172,84)
```
#a5b565
```
#a5b565 rgb(165,181,101)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#b9c587
```
#b9c587 rgb(185,197,135)
```
#c3ce98
```
#c3ce98 rgb(195,206,152)
```
#cdd6aa
```
#cdd6aa rgb(205,214,170)
```

Monochromatic Color

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

#bdb976
```
#bdb976 rgb(189,185,118)
```
#bbbd76
```
#bbbd76 rgb(187,189,118)
```
#b5bd76
```
#b5bd76 rgb(181,189,118)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#a9bd76
```
#a9bd76 rgb(169,189,118)
```
#a3bd76
```
#a3bd76 rgb(163,189,118)
```
#9dbd76
```
#9dbd76 rgb(157,189,118)
```

Similar Colors

Text with hexadecimal color #afbd76

This text has a font color of #afbd76.

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

#afbd76 background color

This paragraph has a background color of #afbd76.

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

#afbd76 border color

This element has a border color of #afbd76.

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

CSS codes

.text {color:#afbd76;}

.background {background-color:#afbd76;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#14160b
```
#14160b rgb(20,22,11)
```
#202311
```
#202311 rgb(32,35,17)
```
#2b3017
```
#2b3017 rgb(43,48,23)
```
#373e1e
```
#373e1e rgb(55,62,30)
```
#434b24
```
#434b24 rgb(67,75,36)
```
#4f582a
```
#4f582a rgb(79,88,42)
```
#5b6531
```
#5b6531 rgb(91,101,49)
```
#677337
```
#677337 rgb(103,115,55)
```
#73803e
```
#73803e rgb(115,128,62)
```
#7f8d44
```
#7f8d44 rgb(127,141,68)
```
#8a9a4a
```
#8a9a4a rgb(138,154,74)
```
#96a751
```
#96a751 rgb(150,167,81)
```

Shade Color Variation

#a0b05c
```
#a0b05c rgb(160,176,92)
```
#a7b769
```
#a7b769 rgb(167,183,105)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#b7c383
```
#b7c383 rgb(183,195,131)
```
#beca90
```
#beca90 rgb(190,202,144)
```
#c6d09e
```
#c6d09e rgb(198,208,158)
```
#ced7ab
```
#ced7ab rgb(206,215,171)
```
#d6ddb8
```
#d6ddb8 rgb(214,221,184)
```
#dde3c5
```
#dde3c5 rgb(221,227,197)
```
#e5ead3
```
#e5ead3 rgb(229,234,211)
```
#edf0e0
```
#edf0e0 rgb(237,240,224)
```
#f5f6ed
```
#f5f6ed rgb(245,246,237)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#9c9e95
```
#9c9e95 rgb(156,158,149)
```
#a1a68d
```
#a1a68d rgb(161,166,141)
```
#a6ad86
```
#a6ad86 rgb(166,173,134)
```
#aab57e
```
#aab57e rgb(170,181,126)
```
#afbd76
```
#afbd76 rgb(175,189,118)
```
#b4c56e
```
#b4c56e rgb(180,197,110)
```
#b8cd66
```
#b8cd66 rgb(184,205,102)
```
#bdd45f
```
#bdd45f rgb(189,212,95)
```
#c2dc57
```
#c2dc57 rgb(194,220,87)
```
#c7e44f
```
#c7e44f rgb(199,228,79)
```
#cbec47
```
#cbec47 rgb(203,236,71)
```
#d0f43f
```
#d0f43f rgb(208,244,63)
```
#d5fb38
```
#d5fb38 rgb(213,251,56)
```

Tone Color Variation

Below, you can see how #afbd76 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
#b1b3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b97a Protanopia 1% of men
#dcb281 Deuteranopia 1% of men
#bdb7c4 Tritanopia 0.001% of the population

Trichromacy

#bfba78 Protanomaly 1% of men, 0.01% of women
#ccb67d Deuteranomaly 6% of men, 0.4% of women
#b8b9a8 Tritanomaly 0.01% of the population

#afbd76 hex color

#afbd76 Color Information

#afbd76 Color Conversion

Color Schemes with #afbd76

Alternatives to #afbd76

#afbd76 Preview

Shades and Tints of #afbd76

Tones of #afbd76

Color Blindness Simulator