#afa55d hex color

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

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

● #afa55d color description : Dark moderate yellow.

The hexadecimal color #afa55d has RGB values of R:175, G:165, B:93 and CMYK values of C:0, M:0.06, Y:0.47, K:0.31. Its decimal value is 11511133.

Hex triplet	afa55d	`#afa55d`
RGB Decimal	175, 165, 93	`rgb(175,165,93)`
RGB Percent	68.6, 64.7, 36.5	`rgb(68.6%,64.7%,36.5%)`
CMYK	0, 6, 47, 31
HSL	52.7°, 33.9, 52.5	`hsl(52.7,33.9%,52.5%)`
HSV (or HSB)	52.7°, 46.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.138, -6.543, 38.427
XYZ	33.11, 36.815, 15.717
xyY	0.387, 0.43, 36.815
CIE-LCH	67.138, 38.98, 99.663
CIE-LUV	67.138, 10.085, 48.462
Hunter-Lab	60.676, -8.777, 27.115
Binary	10101111, 10100101, 01011101

#afa55d
```
#afa55d rgb(175,165,93)
```
#5d67af
```
#5d67af rgb(93,103,175)
```

Complementary Color

#af7c5d
```
#af7c5d rgb(175,124,93)
```
#afa55d
```
#afa55d rgb(175,165,93)
```
#90af5d
```
#90af5d rgb(144,175,93)
```

Analogous Color

#7c5daf
```
#7c5daf rgb(124,93,175)
```
#afa55d
```
#afa55d rgb(175,165,93)
```
#5d90af
```
#5d90af rgb(93,144,175)
```

Split Complementary Color

#a55daf
```
#a55daf rgb(165,93,175)
```
#afa55d
```
#afa55d rgb(175,165,93)
```
#5dafa5
```
#5dafa5 rgb(93,175,165)
```

Triadic Color

#af5d67
```
#af5d67 rgb(175,93,103)
```
#afa55d
```
#afa55d rgb(175,165,93)
```
#5dafa5
```
#5dafa5 rgb(93,175,165)
```
#5d67af
```
#5d67af rgb(93,103,175)
```

Tetradic Color

#80783f
```
#80783f rgb(128,120,63)
```
#918848
```
#918848 rgb(145,136,72)
```
#a29850
```
#a29850 rgb(162,152,80)
```
#afa55d
```
#afa55d rgb(175,165,93)
```
#b7ae6e
```
#b7ae6e rgb(183,174,110)
```
#c0b87f
```
#c0b87f rgb(192,184,127)
```
#c8c190
```
#c8c190 rgb(200,193,144)
```

Monochromatic Color

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

#af915d
```
#af915d rgb(175,145,93)
```
#af975d
```
#af975d rgb(175,151,93)
```
#af9e5d
```
#af9e5d rgb(175,158,93)
```
#afa55d
```
#afa55d rgb(175,165,93)
```
#afac5d
```
#afac5d rgb(175,172,93)
```
#abaf5d
```
#abaf5d rgb(171,175,93)
```
#a5af5d
```
#a5af5d rgb(165,175,93)
```

Similar Colors

Text with hexadecimal color #afa55d

This text has a font color of #afa55d.

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

#afa55d background color

This paragraph has a background color of #afa55d.

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

#afa55d border color

This element has a border color of #afa55d.

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

CSS codes

.text {color:#afa55d;}

.background {background-color:#afa55d;}

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

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

#090804
```
#090804 rgb(9,8,4)
```
#16140b
```
#16140b rgb(22,20,11)
```
#232111
```
#232111 rgb(35,33,17)
```
#302d18
```
#302d18 rgb(48,45,24)
```
#3d391e
```
#3d391e rgb(61,57,30)
```
#4a4625
```
#4a4625 rgb(74,70,37)
```
#57522b
```
#57522b rgb(87,82,43)
```
#655e32
```
#655e32 rgb(101,94,50)
```
#726b38
```
#726b38 rgb(114,107,56)
```
#7f773f
```
#7f773f rgb(127,119,63)
```
#8c8345
```
#8c8345 rgb(140,131,69)
```
#99904c
```
#99904c rgb(153,144,76)
```
#a69c52
```
#a69c52 rgb(166,156,82)
```

Shade Color Variation

#afa55d
```
#afa55d rgb(175,165,93)
```
#b5ac6a
```
#b5ac6a rgb(181,172,106)
```
#bcb477
```
#bcb477 rgb(188,180,119)
```
#c2bb84
```
#c2bb84 rgb(194,187,132)
```
#c9c292
```
#c9c292 rgb(201,194,146)
```
#cfc99f
```
#cfc99f rgb(207,201,159)
```
#d6d1ac
```
#d6d1ac rgb(214,209,172)
```
#dcd8b9
```
#dcd8b9 rgb(220,216,185)
```
#e3dfc6
```
#e3dfc6 rgb(227,223,198)
```
#e9e7d3
```
#e9e7d3 rgb(233,231,211)
```
#f0eee0
```
#f0eee0 rgb(240,238,224)
```
#f6f5ed
```
#f6f5ed rgb(246,245,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#8a8982
```
#8a8982 rgb(138,137,130)
```
#939079
```
#939079 rgb(147,144,121)
```
#9c9770
```
#9c9770 rgb(156,151,112)
```
#a69e66
```
#a69e66 rgb(166,158,102)
```
#afa55d
```
#afa55d rgb(175,165,93)
```
#b8ac54
```
#b8ac54 rgb(184,172,84)
```
#c2b34a
```
#c2b34a rgb(194,179,74)
```
#cbba41
```
#cbba41 rgb(203,186,65)
```
#d4c138
```
#d4c138 rgb(212,193,56)
```
#dec82e
```
#dec82e rgb(222,200,46)
```
#e7cf25
```
#e7cf25 rgb(231,207,37)
```
#f0d61c
```
#f0d61c rgb(240,214,28)
```
#f9dd13
```
#f9dd13 rgb(249,221,19)
```

Tone Color Variation

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

#b7a864 Protanopia 1% of men
#caa168 Deuteranopia 1% of men
#bba1ac Tritanopia 0.001% of the population

Trichromacy

#b4a762 Protanomaly 1% of men, 0.01% of women
#c0a264 Deuteranomaly 6% of men, 0.4% of women
#b6a28f Tritanomaly 0.01% of the population

#afa55d hex color

#afa55d Color Information

#afa55d Color Conversion

Color Schemes with #afa55d

Alternatives to #afa55d

#afa55d Preview

Shades and Tints of #afa55d

Tones of #afa55d

Color Blindness Simulator