#afa676 hex color

In a RGB color space, hex #afa676 is composed of 68.6% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 50.5 degrees, a saturation of 26.3% and a lightness of 57.5%. #afa676 color hex could be obtained by blending #ffffec with #5f4d00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 65
- B 46
RGB color chart
- C 0
- M 5
- Y 33
- K 31
CMYK color chart

● #afa676 color description : Mostly desaturated dark yellow.

The hexadecimal color #afa676 has RGB values of R:175, G:166, B:118 and CMYK values of C:0, M:0.05, Y:0.33, K:0.31. Its decimal value is 11511414.

Hex triplet	afa676	`#afa676`
RGB Decimal	175, 166, 118	`rgb(175,166,118)`
RGB Percent	68.6, 65.1, 46.3	`rgb(68.6%,65.1%,46.3%)`
CMYK	0, 5, 33, 31
HSL	50.5°, 26.3, 57.5	`hsl(50.5,26.3%,57.5%)`
HSV (or HSB)	50.5°, 32.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.795, -4.226, 26.071
XYZ	34.585, 37.695, 22.593
xyY	0.365, 0.397, 37.695
CIE-LCH	67.795, 26.411, 99.207
CIE-LUV	67.795, 8.216, 34.982
Hunter-Lab	61.396, -6.893, 21.16
Binary	10101111, 10100110, 01110110

#afa676
```
#afa676 rgb(175,166,118)
```
#767faf
```
#767faf rgb(118,127,175)
```

Complementary Color

#af8a76
```
#af8a76 rgb(175,138,118)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#9caf76
```
#9caf76 rgb(156,175,118)
```

Analogous Color

#8a76af
```
#8a76af rgb(138,118,175)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#769caf
```
#769caf rgb(118,156,175)
```

Split Complementary Color

#a676af
```
#a676af rgb(166,118,175)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#76afa6
```
#76afa6 rgb(118,175,166)
```

Triadic Color

#af767f
```
#af767f rgb(175,118,127)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#76afa6
```
#76afa6 rgb(118,175,166)
```
#767faf
```
#767faf rgb(118,127,175)
```

Tetradic Color

#898050
```
#898050 rgb(137,128,80)
```
#998f59
```
#998f59 rgb(153,143,89)
```
#a69c66
```
#a69c66 rgb(166,156,102)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#b8b086
```
#b8b086 rgb(184,176,134)
```
#c2bb96
```
#c2bb96 rgb(194,187,150)
```
#cbc5a6
```
#cbc5a6 rgb(203,197,166)
```

Monochromatic Color

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

#af9876
```
#af9876 rgb(175,152,118)
```
#af9d76
```
#af9d76 rgb(175,157,118)
```
#afa176
```
#afa176 rgb(175,161,118)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#afab76
```
#afab76 rgb(175,171,118)
```
#afaf76
```
#afaf76 rgb(175,175,118)
```
#aaaf76
```
#aaaf76 rgb(170,175,118)
```

Similar Colors

Text with hexadecimal color #afa676

This text has a font color of #afa676.

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

#afa676 background color

This paragraph has a background color of #afa676.

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

#afa676 border color

This element has a border color of #afa676.

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

CSS codes

.text {color:#afa676;}

.background {background-color:#afa676;}

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

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

#0c0b07
```
#0c0b07 rgb(12,11,7)
```
#18160e
```
#18160e rgb(24,22,14)
```
#242215
```
#242215 rgb(36,34,21)
```
#312e1c
```
#312e1c rgb(49,46,28)
```
#3d3924
```
#3d3924 rgb(61,57,36)
```
#4a452b
```
#4a452b rgb(74,69,43)
```
#565032
```
#565032 rgb(86,80,50)
```
#625c39
```
#625c39 rgb(98,92,57)
```
#6f6741
```
#6f6741 rgb(111,103,65)
```
#7b7348
```
#7b7348 rgb(123,115,72)
```
#877f4f
```
#877f4f rgb(135,127,79)
```
#948a56
```
#948a56 rgb(148,138,86)
```
#a0965e
```
#a0965e rgb(160,150,94)
```

Shade Color Variation

#a89e6a
```
#a89e6a rgb(168,158,106)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#b6ae82
```
#b6ae82 rgb(182,174,130)
```
#bdb68f
```
#bdb68f rgb(189,182,143)
```
#c5be9b
```
#c5be9b rgb(197,190,155)
```
#ccc6a8
```
#ccc6a8 rgb(204,198,168)
```
#d3ceb4
```
#d3ceb4 rgb(211,206,180)
```
#dad6c0
```
#dad6c0 rgb(218,214,192)
```
#e2decd
```
#e2decd rgb(226,222,205)
```
#e9e6d9
```
#e9e6d9 rgb(233,230,217)
```
#f0eee5
```
#f0eee5 rgb(240,238,229)
```
#f7f6f2
```
#f7f6f2 rgb(247,246,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#96958f
```
#96958f rgb(150,149,143)
```
#9e9b87
```
#9e9b87 rgb(158,155,135)
```
#a7a07e
```
#a7a07e rgb(167,160,126)
```
#afa676
```
#afa676 rgb(175,166,118)
```
#b7ac6e
```
#b7ac6e rgb(183,172,110)
```
#c0b165
```
#c0b165 rgb(192,177,101)
```
#c8b75d
```
#c8b75d rgb(200,183,93)
```
#d0bd55
```
#d0bd55 rgb(208,189,85)
```
#d9c34c
```
#d9c34c rgb(217,195,76)
```
#e1c844
```
#e1c844 rgb(225,200,68)
```
#e9ce3c
```
#e9ce3c rgb(233,206,60)
```
#f2d433
```
#f2d433 rgb(242,212,51)
```
#fad92b
```
#fad92b rgb(250,217,43)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a49a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a97c Protanopia 1% of men
#c7a37f Deuteranopia 1% of men
#b9a3af Tritanopia 0.001% of the population

Trichromacy

#b3a87a Protanomaly 1% of men, 0.01% of women
#bea47b Deuteranomaly 6% of men, 0.4% of women
#b5a49a Tritanomaly 0.01% of the population

#afa676 hex color

#afa676 Color Information

#afa676 Color Conversion

Color Schemes with #afa676

Alternatives to #afa676

#afa676 Preview

Shades and Tints of #afa676

Tones of #afa676

Color Blindness Simulator