#afbb76 hex color

In a RGB color space, hex #afbb76 is composed of 68.6% red, 73.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 36.9% yellow and 26.7% black. It has a hue angle of 70.4 degrees, a saturation of 33.7% and a lightness of 59.8%. #afbb76 color hex could be obtained by blending #ffffec with #5f7700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 73
- B 46
RGB color chart
- C 6
- M 0
- Y 37
- K 27
CMYK color chart

● #afbb76 color description : Slightly desaturated yellow.

The hexadecimal color #afbb76 has RGB values of R:175, G:187, B:118 and CMYK values of C:0.06, M:0, Y:0.37, K:0.27. Its decimal value is 11516790.

Hex triplet	afbb76	`#afbb76`
RGB Decimal	175, 187, 118	`rgb(175,187,118)`
RGB Percent	68.6, 73.3, 46.3	`rgb(68.6%,73.3%,46.3%)`
CMYK	6, 0, 37, 27
HSL	70.4°, 33.7, 59.8	`hsl(70.4,33.7%,59.8%)`
HSV (or HSB)	70.4°, 36.9, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.521, -15.217, 33.584
XYZ	38.719, 45.963, 23.971
xyY	0.356, 0.423, 45.963
CIE-LCH	73.521, 36.87, 114.376
CIE-LUV	73.521, -4.074, 46.545
Hunter-Lab	67.796, -16.699, 26.494
Binary	10101111, 10111011, 01110110

#afbb76
```
#afbb76 rgb(175,187,118)
```
#8276bb
```
#8276bb rgb(130,118,187)
```

Complementary Color

#bba576
```
#bba576 rgb(187,165,118)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#8dbb76
```
#8dbb76 rgb(141,187,118)
```

Analogous Color

#a576bb
```
#a576bb rgb(165,118,187)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#768dbb
```
#768dbb rgb(118,141,187)
```

Split Complementary Color

#bb76af
```
#bb76af rgb(187,118,175)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#76afbb
```
#76afbb rgb(118,175,187)
```

Triadic Color

#bb8276
```
#bb8276 rgb(187,130,118)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#76afbb
```
#76afbb rgb(118,175,187)
```
#8276bb
```
#8276bb rgb(130,118,187)
```

Tetradic Color

#8b994c
```
#8b994c rgb(139,153,76)
```
#9baa54
```
#9baa54 rgb(155,170,84)
```
#a5b365
```
#a5b365 rgb(165,179,101)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#b9c387
```
#b9c387 rgb(185,195,135)
```
#c3cc98
```
#c3cc98 rgb(195,204,152)
```
#cdd4a9
```
#cdd4a9 rgb(205,212,169)
```

Monochromatic Color

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

#bbb676
```
#bbb676 rgb(187,182,118)
```
#bbbb76
```
#bbbb76 rgb(187,187,118)
```
#b5bb76
```
#b5bb76 rgb(181,187,118)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#a9bb76
```
#a9bb76 rgb(169,187,118)
```
#a4bb76
```
#a4bb76 rgb(164,187,118)
```
#9ebb76
```
#9ebb76 rgb(158,187,118)
```

Similar Colors

Text with hexadecimal color #afbb76

This text has a font color of #afbb76.

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

#afbb76 background color

This paragraph has a background color of #afbb76.

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

#afbb76 border color

This element has a border color of #afbb76.

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

CSS codes

.text {color:#afbb76;}

.background {background-color:#afbb76;}

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

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

#070704
```
#070704 rgb(7,7,4)
```
#13140a
```
#13140a rgb(19,20,10)
```
#1e2111
```
#1e2111 rgb(30,33,17)
```
#2a2f17
```
#2a2f17 rgb(42,47,23)
```
#363c1e
```
#363c1e rgb(54,60,30)
```
#424924
```
#424924 rgb(66,73,36)
```
#4e562b
```
#4e562b rgb(78,86,43)
```
#5a6331
```
#5a6331 rgb(90,99,49)
```
#667038
```
#667038 rgb(102,112,56)
```
#727d3e
```
#727d3e rgb(114,125,62)
```
#7e8a45
```
#7e8a45 rgb(126,138,69)
```
#8a974b
```
#8a974b rgb(138,151,75)
```
#96a552
```
#96a552 rgb(150,165,82)
```

Shade Color Variation

#a0ae5c
```
#a0ae5c rgb(160,174,92)
```
#a7b469
```
#a7b469 rgb(167,180,105)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#b7c283
```
#b7c283 rgb(183,194,131)
```
#bec890
```
#bec890 rgb(190,200,144)
```
#c6cf9d
```
#c6cf9d rgb(198,207,157)
```
#ced5aa
```
#ced5aa rgb(206,213,170)
```
#d5dcb8
```
#d5dcb8 rgb(213,220,184)
```
#dde2c5
```
#dde2c5 rgb(221,226,197)
```
#e5e9d2
```
#e5e9d2 rgb(229,233,210)
```
#ecefdf
```
#ecefdf rgb(236,239,223)
```
#f4f6ec
```
#f4f6ec rgb(244,246,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#9a9b96
```
#9a9b96 rgb(154,155,150)
```
#a0a38e
```
#a0a38e rgb(160,163,142)
```
#a5ab86
```
#a5ab86 rgb(165,171,134)
```
#aab37e
```
#aab37e rgb(170,179,126)
```
#afbb76
```
#afbb76 rgb(175,187,118)
```
#b4c36e
```
#b4c36e rgb(180,195,110)
```
#b9cb66
```
#b9cb66 rgb(185,203,102)
```
#bed35e
```
#bed35e rgb(190,211,94)
```
#c4db56
```
#c4db56 rgb(196,219,86)
```
#c9e24f
```
#c9e24f rgb(201,226,79)
```
#ceea47
```
#ceea47 rgb(206,234,71)
```
#d3f23f
```
#d3f23f rgb(211,242,63)
```
#d8fa37
```
#d8fa37 rgb(216,250,55)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b87a Protanopia 1% of men
#dab181 Deuteranopia 1% of men
#bdb5c2 Tritanopia 0.001% of the population

Trichromacy

#beb979 Protanomaly 1% of men, 0.01% of women
#cab47d Deuteranomaly 6% of men, 0.4% of women
#b8b7a6 Tritanomaly 0.01% of the population

#afbb76 hex color

#afbb76 Color Information

#afbb76 Color Conversion

Color Schemes with #afbb76

Alternatives to #afbb76

#afbb76 Preview

Shades and Tints of #afbb76

Tones of #afbb76

Color Blindness Simulator