#afa877 hex color

In a RGB color space, hex #afa877 is composed of 68.6% red, 65.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4% magenta, 32% yellow and 31.4% black. It has a hue angle of 52.5 degrees, a saturation of 25.9% and a lightness of 57.6%. #afa877 color hex could be obtained by blending #ffffee with #5f5100. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 66
- B 47
RGB color chart
- C 0
- M 4
- Y 32
- K 31
CMYK color chart

● #afa877 color description : Mostly desaturated dark yellow.

The hexadecimal color #afa877 has RGB values of R:175, G:168, B:119 and CMYK values of C:0, M:0.04, Y:0.32, K:0.31. Its decimal value is 11511927.

Hex triplet	afa877	`#afa877`
RGB Decimal	175, 168, 119	`rgb(175,168,119)`
RGB Percent	68.6, 65.9, 46.7	`rgb(68.6%,65.9%,46.7%)`
CMYK	0, 4, 32, 31
HSL	52.5°, 25.9, 57.6	`hsl(52.5,25.9%,57.6%)`
HSV (or HSB)	52.5°, 32, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.352, -5.167, 26.273
XYZ	35.011, 38.452, 23.029
xyY	0.363, 0.398, 38.452
CIE-LCH	68.352, 26.776, 101.125
CIE-LUV	68.352, 6.97, 35.48
Hunter-Lab	62.009, -7.733, 21.387
Binary	10101111, 10101000, 01110111

#afa877
```
#afa877 rgb(175,168,119)
```
#777eaf
```
#777eaf rgb(119,126,175)
```

Complementary Color

#af8c77
```
#af8c77 rgb(175,140,119)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#9aaf77
```
#9aaf77 rgb(154,175,119)
```

Analogous Color

#8c77af
```
#8c77af rgb(140,119,175)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#779aaf
```
#779aaf rgb(119,154,175)
```

Split Complementary Color

#a877af
```
#a877af rgb(168,119,175)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#77afa8
```
#77afa8 rgb(119,175,168)
```

Triadic Color

#af777e
```
#af777e rgb(175,119,126)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#77afa8
```
#77afa8 rgb(119,175,168)
```
#777eaf
```
#777eaf rgb(119,126,175)
```

Tetradic Color

#898251
```
#898251 rgb(137,130,81)
```
#99915a
```
#99915a rgb(153,145,90)
```
#a69e67
```
#a69e67 rgb(166,158,103)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#b8b287
```
#b8b287 rgb(184,178,135)
```
#c2bd97
```
#c2bd97 rgb(194,189,151)
```
#cbc7a7
```
#cbc7a7 rgb(203,199,167)
```

Monochromatic Color

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

#af9a77
```
#af9a77 rgb(175,154,119)
```
#af9f77
```
#af9f77 rgb(175,159,119)
```
#afa377
```
#afa377 rgb(175,163,119)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#afad77
```
#afad77 rgb(175,173,119)
```
#adaf77
```
#adaf77 rgb(173,175,119)
```
#a8af77
```
#a8af77 rgb(168,175,119)
```

Similar Colors

Text with hexadecimal color #afa877

This text has a font color of #afa877.

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

#afa877 background color

This paragraph has a background color of #afa877.

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

#afa877 border color

This element has a border color of #afa877.

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

CSS codes

.text {color:#afa877;}

.background {background-color:#afa877;}

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

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

#0c0c07
```
#0c0c07 rgb(12,12,7)
```
#19170e
```
#19170e rgb(25,23,14)
```
#252316
```
#252316 rgb(37,35,22)
```
#312f1d
```
#312f1d rgb(49,47,29)
```
#3e3a24
```
#3e3a24 rgb(62,58,36)
```
#4a462c
```
#4a462c rgb(74,70,44)
```
#565233
```
#565233 rgb(86,82,51)
```
#635e3a
```
#635e3a rgb(99,94,58)
```
#6f6941
```
#6f6941 rgb(111,105,65)
```
#7b7549
```
#7b7549 rgb(123,117,73)
```
#888150
```
#888150 rgb(136,129,80)
```
#948c57
```
#948c57 rgb(148,140,87)
```
#a0985e
```
#a0985e rgb(160,152,94)
```

Shade Color Variation

#a8a06b
```
#a8a06b rgb(168,160,107)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#b6b083
```
#b6b083 rgb(182,176,131)
```
#beb890
```
#beb890 rgb(190,184,144)
```
#c5c09c
```
#c5c09c rgb(197,192,156)
```
#ccc8a8
```
#ccc8a8 rgb(204,200,168)
```
#d3d0b5
```
#d3d0b5 rgb(211,208,181)
```
#dbd7c1
```
#dbd7c1 rgb(219,215,193)
```
#e2dfcd
```
#e2dfcd rgb(226,223,205)
```
#e9e7da
```
#e9e7da rgb(233,231,218)
```
#f0efe6
```
#f0efe6 rgb(240,239,230)
```
#f8f7f3
```
#f8f7f3 rgb(248,247,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969590
```
#969590 rgb(150,149,144)
```
#9e9c88
```
#9e9c88 rgb(158,156,136)
```
#a7a27f
```
#a7a27f rgb(167,162,127)
```
#afa877
```
#afa877 rgb(175,168,119)
```
#b7ae6f
```
#b7ae6f rgb(183,174,111)
```
#c0b466
```
#c0b466 rgb(192,180,102)
```
#c8bb5e
```
#c8bb5e rgb(200,187,94)
```
#d0c156
```
#d0c156 rgb(208,193,86)
```
#d9c74d
```
#d9c74d rgb(217,199,77)
```
#e1cd45
```
#e1cd45 rgb(225,205,69)
```
#e9d43d
```
#e9d43d rgb(233,212,61)
```
#f1da35
```
#f1da35 rgb(241,218,53)
```
#fae02c
```
#fae02c rgb(250,224,44)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a69c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ab7d Protanopia 1% of men
#c9a480 Deuteranopia 1% of men
#baa5b1 Tritanopia 0.001% of the population

Trichromacy

#b4a97b Protanomaly 1% of men, 0.01% of women
#bfa57d Deuteranomaly 6% of men, 0.4% of women
#b6a69c Tritanomaly 0.01% of the population

#afa877 hex color

#afa877 Color Information

#afa877 Color Conversion

Color Schemes with #afa877

Alternatives to #afa877

#afa877 Preview

Shades and Tints of #afa877

Tones of #afa877

Color Blindness Simulator