#afa55a hex color

In a RGB color space, hex #afa55a is composed of 68.6% red, 64.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 48.6% yellow and 31.4% black. It has a hue angle of 52.9 degrees, a saturation of 34.7% and a lightness of 52%. #afa55a color hex could be obtained by blending #ffffb4 with #5f4b00. Closest websafe color is: #999966.

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

● #afa55a color description : Dark moderate yellow.

The hexadecimal color #afa55a has RGB values of R:175, G:165, B:90 and CMYK values of C:0, M:0.06, Y:0.49, K:0.31. Its decimal value is 11511130.

Hex triplet	afa55a	`#afa55a`
RGB Decimal	175, 165, 90	`rgb(175,165,90)`
RGB Percent	68.6, 64.7, 35.3	`rgb(68.6%,64.7%,35.3%)`
CMYK	0, 6, 49, 31
HSL	52.9°, 34.7, 52	`hsl(52.9,34.7%,52%)`
HSV (or HSB)	52.9°, 48.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.099, -6.835, 39.909
XYZ	32.98, 36.763, 15.031
xyY	0.389, 0.434, 36.763
CIE-LCH	67.099, 40.49, 99.719
CIE-LUV	67.099, 10.219, 49.94
Hunter-Lab	60.633, -9.016, 27.745
Binary	10101111, 10100101, 01011010

#afa55a
```
#afa55a rgb(175,165,90)
```
#5a64af
```
#5a64af rgb(90,100,175)
```

Complementary Color

#af7b5a
```
#af7b5a rgb(175,123,90)
```
#afa55a
```
#afa55a rgb(175,165,90)
```
#8faf5a
```
#8faf5a rgb(143,175,90)
```

Analogous Color

#7b5aaf
```
#7b5aaf rgb(123,90,175)
```
#afa55a
```
#afa55a rgb(175,165,90)
```
#5a8faf
```
#5a8faf rgb(90,143,175)
```

Split Complementary Color

#a55aaf
```
#a55aaf rgb(165,90,175)
```
#afa55a
```
#afa55a rgb(175,165,90)
```
#5aafa5
```
#5aafa5 rgb(90,175,165)
```

Triadic Color

#af5a64
```
#af5a64 rgb(175,90,100)
```
#afa55a
```
#afa55a rgb(175,165,90)
```
#5aafa5
```
#5aafa5 rgb(90,175,165)
```
#5a64af
```
#5a64af rgb(90,100,175)
```

Tetradic Color

#7f773e
```
#7f773e rgb(127,119,62)
```
#908746
```
#908746 rgb(144,135,70)
```
#a1984e
```
#a1984e rgb(161,152,78)
```
#afa55a
```
#afa55a rgb(175,165,90)
```
#b7ae6b
```
#b7ae6b rgb(183,174,107)
```
#c0b87c
```
#c0b87c rgb(192,184,124)
```
#c8c18e
```
#c8c18e rgb(200,193,142)
```

Monochromatic Color

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

#af905a
```
#af905a rgb(175,144,90)
```
#af975a
```
#af975a rgb(175,151,90)
```
#af9e5a
```
#af9e5a rgb(175,158,90)
```
#afa55a
```
#afa55a rgb(175,165,90)
```
#afac5a
```
#afac5a rgb(175,172,90)
```
#abaf5a
```
#abaf5a rgb(171,175,90)
```
#a4af5a
```
#a4af5a rgb(164,175,90)
```

Similar Colors

Text with hexadecimal color #afa55a

This text has a font color of #afa55a.

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

#afa55a background color

This paragraph has a background color of #afa55a.

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

#afa55a border color

This element has a border color of #afa55a.

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

CSS codes

.text {color:#afa55a;}

.background {background-color:#afa55a;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#14130a
```
#14130a rgb(20,19,10)
```
#211f10
```
#211f10 rgb(33,31,16)
```
#2e2c16
```
#2e2c16 rgb(46,44,22)
```
#3c381d
```
#3c381d rgb(60,56,29)
```
#494423
```
#494423 rgb(73,68,35)
```
#56512a
```
#56512a rgb(86,81,42)
```
#635d30
```
#635d30 rgb(99,93,48)
```
#706a37
```
#706a37 rgb(112,106,55)
```
#7e763d
```
#7e763d rgb(126,118,61)
```
#8b8243
```
#8b8243 rgb(139,130,67)
```
#988f4a
```
#988f4a rgb(152,143,74)
```
#a59b50
```
#a59b50 rgb(165,155,80)
```

Shade Color Variation

#afa55a
```
#afa55a rgb(175,165,90)
```
#b5ac67
```
#b5ac67 rgb(181,172,103)
```
#bcb374
```
#bcb374 rgb(188,179,116)
```
#c2bb82
```
#c2bb82 rgb(194,187,130)
```
#c9c28f
```
#c9c28f rgb(201,194,143)
```
#cfc99c
```
#cfc99c rgb(207,201,156)
```
#d5d0a9
```
#d5d0a9 rgb(213,208,169)
```
#dcd7b6
```
#dcd7b6 rgb(220,215,182)
```
#e2dfc4
```
#e2dfc4 rgb(226,223,196)
```
#e9e6d1
```
#e9e6d1 rgb(233,230,209)
```
#efedde
```
#efedde rgb(239,237,222)
```
#f5f4eb
```
#f5f4eb rgb(245,244,235)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#898880
```
#898880 rgb(137,136,128)
```
#938f76
```
#938f76 rgb(147,143,118)
```
#9c976d
```
#9c976d rgb(156,151,109)
```
#a69e63
```
#a69e63 rgb(166,158,99)
```
#afa55a
```
#afa55a rgb(175,165,90)
```
#b8ac51
```
#b8ac51 rgb(184,172,81)
```
#c2b347
```
#c2b347 rgb(194,179,71)
```
#cbbb3e
```
#cbbb3e rgb(203,187,62)
```
#d5c234
```
#d5c234 rgb(213,194,52)
```
#dec92b
```
#dec92b rgb(222,201,43)
```
#e8d021
```
#e8d021 rgb(232,208,33)
```
#f1d718
```
#f1d718 rgb(241,215,24)
```
#fadf0f
```
#fadf0f rgb(250,223,15)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a2a091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a862 Protanopia 1% of men
#caa065 Deuteranopia 1% of men
#bba1ac Tritanopia 0.001% of the population

Trichromacy

#b4a65f Protanomaly 1% of men, 0.01% of women
#c0a261 Deuteranomaly 6% of men, 0.4% of women
#b7a28e Tritanomaly 0.01% of the population

#afa55a hex color

#afa55a Color Information

#afa55a Color Conversion

Color Schemes with #afa55a

Alternatives to #afa55a

#afa55a Preview

Shades and Tints of #afa55a

Tones of #afa55a

Color Blindness Simulator