#afb776 hex color

In a RGB color space, hex #afb776 is composed of 68.6% red, 71.8% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 35.5% yellow and 28.2% black. It has a hue angle of 67.4 degrees, a saturation of 31.1% and a lightness of 59%. #afb776 color hex could be obtained by blending #ffffec with #5f6f00. Closest websafe color is: #99cc66.

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

● #afb776 color description : Slightly desaturated yellow.

The hexadecimal color #afb776 has RGB values of R:175, G:183, B:118 and CMYK values of C:0.04, M:0, Y:0.36, K:0.28. Its decimal value is 11515766.

Hex triplet	afb776	`#afb776`
RGB Decimal	175, 183, 118	`rgb(175,183,118)`
RGB Percent	68.6, 71.8, 46.3	`rgb(68.6%,71.8%,46.3%)`
CMYK	4, 0, 36, 28
HSL	67.4°, 31.1, 59	`hsl(67.4,31.1%,59%)`
HSV (or HSB)	67.4°, 35.5, 71.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.421, -13.165, 32.157
XYZ	37.882, 44.289, 23.692
xyY	0.358, 0.418, 44.289
CIE-LCH	72.421, 34.748, 112.264
CIE-LUV	72.421, -1.777, 44.366
Hunter-Lab	66.55, -14.856, 25.478
Binary	10101111, 10110111, 01110110

#afb776
```
#afb776 rgb(175,183,118)
```
#7e76b7
```
#7e76b7 rgb(126,118,183)
```

Complementary Color

#b79f76
```
#b79f76 rgb(183,159,118)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#8fb776
```
#8fb776 rgb(143,183,118)
```

Analogous Color

#9f76b7
```
#9f76b7 rgb(159,118,183)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#768fb7
```
#768fb7 rgb(118,143,183)
```

Split Complementary Color

#b776af
```
#b776af rgb(183,118,175)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#76afb7
```
#76afb7 rgb(118,175,183)
```

Triadic Color

#b77e76
```
#b77e76 rgb(183,126,118)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#76afb7
```
#76afb7 rgb(118,175,183)
```
#7e76b7
```
#7e76b7 rgb(126,118,183)
```

Tetradic Color

#8b934d
```
#8b934d rgb(139,147,77)
```
#9aa456
```
#9aa456 rgb(154,164,86)
```
#a5ae65
```
#a5ae65 rgb(165,174,101)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#b9c087
```
#b9c087 rgb(185,192,135)
```
#c3c997
```
#c3c997 rgb(195,201,151)
```
#ccd1a8
```
#ccd1a8 rgb(204,209,168)
```

Monochromatic Color

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

#b7af76
```
#b7af76 rgb(183,175,118)
```
#b7b476
```
#b7b476 rgb(183,180,118)
```
#b4b776
```
#b4b776 rgb(180,183,118)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#aab776
```
#aab776 rgb(170,183,118)
```
#a4b776
```
#a4b776 rgb(164,183,118)
```
#9fb776
```
#9fb776 rgb(159,183,118)
```

Similar Colors

Text with hexadecimal color #afb776

This text has a font color of #afb776.

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

#afb776 background color

This paragraph has a background color of #afb776.

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

#afb776 border color

This element has a border color of #afb776.

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

CSS codes

.text {color:#afb776;}

.background {background-color:#afb776;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#101109
```
#101109 rgb(16,17,9)
```
#1c1e10
```
#1c1e10 rgb(28,30,16)
```
#282b17
```
#282b17 rgb(40,43,23)
```
#35381d
```
#35381d rgb(53,56,29)
```
#414524
```
#414524 rgb(65,69,36)
```
#4d522b
```
#4d522b rgb(77,82,43)
```
#595e32
```
#595e32 rgb(89,94,50)
```
#656b38
```
#656b38 rgb(101,107,56)
```
#71783f
```
#71783f rgb(113,120,63)
```
#7d8546
```
#7d8546 rgb(125,133,70)
```
#89924d
```
#89924d rgb(137,146,77)
```
#959f53
```
#959f53 rgb(149,159,83)
```

Shade Color Variation

#a0a95c
```
#a0a95c rgb(160,169,92)
```
#a7b069
```
#a7b069 rgb(167,176,105)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#b7be83
```
#b7be83 rgb(183,190,131)
```
#bec590
```
#bec590 rgb(190,197,144)
```
#c6cb9d
```
#c6cb9d rgb(198,203,157)
```
#cdd2a9
```
#cdd2a9 rgb(205,210,169)
```
#d5d9b6
```
#d5d9b6 rgb(213,217,182)
```
#dce0c3
```
#dce0c3 rgb(220,224,195)
```
#e4e6d0
```
#e4e6d0 rgb(228,230,208)
```
#ebeddd
```
#ebeddd rgb(235,237,221)
```
#f3f4ea
```
#f3f4ea rgb(243,244,234)
```
#fafbf7
```
#fafbf7 rgb(250,251,247)
```

Tint Color Variation

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

#979796
```
#979796 rgb(151,151,150)
```
#9d9f8e
```
#9d9f8e rgb(157,159,142)
```
#a3a786
```
#a3a786 rgb(163,167,134)
```
#a9af7e
```
#a9af7e rgb(169,175,126)
```
#afb776
```
#afb776 rgb(175,183,118)
```
#b5bf6e
```
#b5bf6e rgb(181,191,110)
```
#bbc766
```
#bbc766 rgb(187,199,102)
```
#c1cf5e
```
#c1cf5e rgb(193,207,94)
```
#c7d756
```
#c7d756 rgb(199,215,86)
```
#cddf4e
```
#cddf4e rgb(205,223,78)
```
#d3e746
```
#d3e746 rgb(211,231,70)
```
#d9ef3e
```
#d9ef3e rgb(217,239,62)
```
#dff736
```
#dff736 rgb(223,247,54)
```

Tone Color Variation

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

Dichromacy

#c4b57b Protanopia 1% of men
#d7ae81 Deuteranopia 1% of men
#bcb2bf Tritanopia 0.001% of the population

Trichromacy

#bcb679 Protanomaly 1% of men, 0.01% of women
#c8b17d Deuteranomaly 6% of men, 0.4% of women
#b7b4a4 Tritanomaly 0.01% of the population

#afb776 hex color

#afb776 Color Information

#afb776 Color Conversion

Color Schemes with #afb776

Alternatives to #afb776

#afb776 Preview

Shades and Tints of #afb776

Tones of #afb776

Color Blindness Simulator