#afa55e hex color

In a RGB color space, hex #afa55e is composed of 68.6% red, 64.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 46.3% yellow and 31.4% black. It has a hue angle of 52.6 degrees, a saturation of 33.6% and a lightness of 52.7%. #afa55e color hex could be obtained by blending #ffffbc with #5f4b00. Closest websafe color is: #999966.

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

● #afa55e color description : Dark moderate yellow.

The hexadecimal color #afa55e has RGB values of R:175, G:165, B:94 and CMYK values of C:0, M:0.06, Y:0.46, K:0.31. Its decimal value is 11511134.

Hex triplet	afa55e	`#afa55e`
RGB Decimal	175, 165, 94	`rgb(175,165,94)`
RGB Percent	68.6, 64.7, 36.9	`rgb(68.6%,64.7%,36.9%)`
CMYK	0, 6, 46, 31
HSL	52.6°, 33.6, 52.7	`hsl(52.6,33.6%,52.7%)`
HSV (or HSB)	52.6°, 46.3, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.152, -6.443, 37.93
XYZ	33.155, 36.833, 15.952
xyY	0.386, 0.429, 36.833
CIE-LCH	67.152, 38.474, 99.64
CIE-LUV	67.152, 10.039, 47.959
Hunter-Lab	60.69, -8.695, 26.899
Binary	10101111, 10100101, 01011110

#afa55e
```
#afa55e rgb(175,165,94)
```
#5e68af
```
#5e68af rgb(94,104,175)
```

Complementary Color

#af7d5e
```
#af7d5e rgb(175,125,94)
```
#afa55e
```
#afa55e rgb(175,165,94)
```
#91af5e
```
#91af5e rgb(145,175,94)
```

Analogous Color

#7d5eaf
```
#7d5eaf rgb(125,94,175)
```
#afa55e
```
#afa55e rgb(175,165,94)
```
#5e91af
```
#5e91af rgb(94,145,175)
```

Split Complementary Color

#a55eaf
```
#a55eaf rgb(165,94,175)
```
#afa55e
```
#afa55e rgb(175,165,94)
```
#5eafa5
```
#5eafa5 rgb(94,175,165)
```

Triadic Color

#af5e68
```
#af5e68 rgb(175,94,104)
```
#afa55e
```
#afa55e rgb(175,165,94)
```
#5eafa5
```
#5eafa5 rgb(94,175,165)
```
#5e68af
```
#5e68af rgb(94,104,175)
```

Tetradic Color

#817940
```
#817940 rgb(129,121,64)
```
#928948
```
#928948 rgb(146,137,72)
```
#a39951
```
#a39951 rgb(163,153,81)
```
#afa55e
```
#afa55e rgb(175,165,94)
```
#b7af6f
```
#b7af6f rgb(183,175,111)
```
#c0b880
```
#c0b880 rgb(192,184,128)
```
#c8c291
```
#c8c291 rgb(200,194,145)
```

Monochromatic Color

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

#af915e
```
#af915e rgb(175,145,94)
```
#af985e
```
#af985e rgb(175,152,94)
```
#af9e5e
```
#af9e5e rgb(175,158,94)
```
#afa55e
```
#afa55e rgb(175,165,94)
```
#afac5e
```
#afac5e rgb(175,172,94)
```
#acaf5e
```
#acaf5e rgb(172,175,94)
```
#a5af5e
```
#a5af5e rgb(165,175,94)
```

Similar Colors

Text with hexadecimal color #afa55e

This text has a font color of #afa55e.

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

#afa55e background color

This paragraph has a background color of #afa55e.

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

#afa55e border color

This element has a border color of #afa55e.

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

CSS codes

.text {color:#afa55e;}

.background {background-color:#afa55e;}

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

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

#090905
```
#090905 rgb(9,9,5)
```
#16150b
```
#16150b rgb(22,21,11)
```
#242112
```
#242112 rgb(36,33,18)
```
#312e18
```
#312e18 rgb(49,46,24)
```
#3e3a1f
```
#3e3a1f rgb(62,58,31)
```
#4b4625
```
#4b4625 rgb(75,70,37)
```
#58532c
```
#58532c rgb(88,83,44)
```
#655f32
```
#655f32 rgb(101,95,50)
```
#726b39
```
#726b39 rgb(114,107,57)
```
#7f773f
```
#7f773f rgb(127,119,63)
```
#8c8446
```
#8c8446 rgb(140,132,70)
```
#99904c
```
#99904c rgb(153,144,76)
```
#a79c53
```
#a79c53 rgb(167,156,83)
```

Shade Color Variation

#afa55e
```
#afa55e rgb(175,165,94)
```
#b6ac6b
```
#b6ac6b rgb(182,172,107)
```
#bcb478
```
#bcb478 rgb(188,180,120)
```
#c3bb85
```
#c3bb85 rgb(195,187,133)
```
#c9c292
```
#c9c292 rgb(201,194,146)
```
#d0caa0
```
#d0caa0 rgb(208,202,160)
```
#d6d1ad
```
#d6d1ad rgb(214,209,173)
```
#ddd8ba
```
#ddd8ba rgb(221,216,186)
```
#e3e0c7
```
#e3e0c7 rgb(227,224,199)
```
#eae7d4
```
#eae7d4 rgb(234,231,212)
```
#f0eee1
```
#f0eee1 rgb(240,238,225)
```
#f7f6ee
```
#f7f6ee rgb(247,246,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#8a8983
```
#8a8983 rgb(138,137,131)
```
#93907a
```
#93907a rgb(147,144,122)
```
#9c9771
```
#9c9771 rgb(156,151,113)
```
#a69e67
```
#a69e67 rgb(166,158,103)
```
#afa55e
```
#afa55e rgb(175,165,94)
```
#b8ac55
```
#b8ac55 rgb(184,172,85)
```
#c2b34b
```
#c2b34b rgb(194,179,75)
```
#cbba42
```
#cbba42 rgb(203,186,66)
```
#d4c139
```
#d4c139 rgb(212,193,57)
```
#ddc830
```
#ddc830 rgb(221,200,48)
```
#e7cf26
```
#e7cf26 rgb(231,207,38)
```
#f0d61d
```
#f0d61d rgb(240,214,29)
```
#f9dd14
```
#f9dd14 rgb(249,221,20)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a3a193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a865 Protanopia 1% of men
#caa169 Deuteranopia 1% of men
#bba1ac Tritanopia 0.001% of the population

Trichromacy

#b4a763 Protanomaly 1% of men, 0.01% of women
#c0a265 Deuteranomaly 6% of men, 0.4% of women
#b6a290 Tritanomaly 0.01% of the population

#afa55e hex color

#afa55e Color Information

#afa55e Color Conversion

Color Schemes with #afa55e

Alternatives to #afa55e

#afa55e Preview

Shades and Tints of #afa55e

Tones of #afa55e

Color Blindness Simulator