#af9a2f hex color

In a RGB color space, hex #af9a2f is composed of 68.6% red, 60.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 73.1% yellow and 31.4% black. It has a hue angle of 50.2 degrees, a saturation of 57.7% and a lightness of 43.5%. #af9a2f color hex could be obtained by blending #ffff5e with #5f3500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 60
- B 18
RGB color chart
- C 0
- M 12
- Y 73
- K 31
CMYK color chart

● #af9a2f color description : Dark yellow [Olive tone].

The hexadecimal color #af9a2f has RGB values of R:175, G:154, B:47 and CMYK values of C:0, M:0.12, Y:0.73, K:0.31. Its decimal value is 11508271.

Hex triplet	af9a2f	`#af9a2f`
RGB Decimal	175, 154, 47	`rgb(175,154,47)`
RGB Percent	68.6, 60.4, 18.4	`rgb(68.6%,60.4%,18.4%)`
CMYK	0, 12, 73, 31
HSL	50.2°, 57.7, 43.5	`hsl(50.2,57.7%,43.5%)`
HSV (or HSB)	50.2°, 73.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	63.698, -4.048, 55.858
XYZ	29.748, 32.431, 7.382
xyY	0.428, 0.466, 32.431
CIE-LCH	63.698, 56.004, 94.145
CIE-LUV	63.698, 19.199, 61.135
Hunter-Lab	56.949, -6.417, 32.178
Binary	10101111, 10011010, 00101111

#af9a2f
```
#af9a2f rgb(175,154,47)
```
#2f44af
```
#2f44af rgb(47,68,175)
```

Complementary Color

#af5a2f
```
#af5a2f rgb(175,90,47)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#84af2f
```
#84af2f rgb(132,175,47)
```

Analogous Color

#5a2faf
```
#5a2faf rgb(90,47,175)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#2f84af
```
#2f84af rgb(47,132,175)
```

Split Complementary Color

#9a2faf
```
#9a2faf rgb(154,47,175)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#2faf9a
```
#2faf9a rgb(47,175,154)
```

Triadic Color

#af2f44
```
#af2f44 rgb(175,47,68)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#2faf9a
```
#2faf9a rgb(47,175,154)
```
#2f44af
```
#2f44af rgb(47,68,175)
```

Tetradic Color

#73651f
```
#73651f rgb(115,101,31)
```
#877724
```
#877724 rgb(135,119,36)
```
#9b882a
```
#9b882a rgb(155,136,42)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#c3ac34
```
#c3ac34 rgb(195,172,52)
```
#cdb644
```
#cdb644 rgb(205,182,68)
```
#d2be58
```
#d2be58 rgb(210,190,88)
```

Monochromatic Color

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

#af7a2f
```
#af7a2f rgb(175,122,47)
```
#af852f
```
#af852f rgb(175,133,47)
```
#af8f2f
```
#af8f2f rgb(175,143,47)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#afa52f
```
#afa52f rgb(175,165,47)
```
#afaf2f
```
#afaf2f rgb(175,175,47)
```
#a4af2f
```
#a4af2f rgb(164,175,47)
```

Similar Colors

Text with hexadecimal color #af9a2f

This text has a font color of #af9a2f.

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

#af9a2f background color

This paragraph has a background color of #af9a2f.

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

#af9a2f border color

This element has a border color of #af9a2f.

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

CSS codes

.text {color:#af9a2f;}

.background {background-color:#af9a2f;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#141205
```
#141205 rgb(20,18,5)
```
#24200a
```
#24200a rgb(36,32,10)
```
#332d0e
```
#332d0e rgb(51,45,14)
```
#433b12
```
#433b12 rgb(67,59,18)
```
#524816
```
#524816 rgb(82,72,22)
```
#62561a
```
#62561a rgb(98,86,26)
```
#71641e
```
#71641e rgb(113,100,30)
```
#817123
```
#817123 rgb(129,113,35)
```
#907f27
```
#907f27 rgb(144,127,39)
```
#a08c2b
```
#a08c2b rgb(160,140,43)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#bea833
```
#bea833 rgb(190,168,51)
```

Shade Color Variation

#cab33b
```
#cab33b rgb(202,179,59)
```
#ceb94a
```
#ceb94a rgb(206,185,74)
```
#d3bf5a
```
#d3bf5a rgb(211,191,90)
```
#d7c569
```
#d7c569 rgb(215,197,105)
```
#dbcb79
```
#dbcb79 rgb(219,203,121)
```
#dfd188
```
#dfd188 rgb(223,209,136)
```
#e3d798
```
#e3d798 rgb(227,215,152)
```
#e7dda7
```
#e7dda7 rgb(231,221,167)
```
#ece3b7
```
#ece3b7 rgb(236,227,183)
```
#f0e9c6
```
#f0e9c6 rgb(240,233,198)
```
#f4efd6
```
#f4efd6 rgb(244,239,214)
```
#f8f5e5
```
#f8f5e5 rgb(248,245,229)
```
#fcfbf4
```
#fcfbf4 rgb(252,251,244)
```

Tint Color Variation

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

#73726b
```
#73726b rgb(115,114,107)
```
#7c7862
```
#7c7862 rgb(124,120,98)
```
#847d5a
```
#847d5a rgb(132,125,90)
```
#8d8351
```
#8d8351 rgb(141,131,81)
```
#958949
```
#958949 rgb(149,137,73)
```
#9e8f40
```
#9e8f40 rgb(158,143,64)
```
#a69438
```
#a69438 rgb(166,148,56)
```
#af9a2f
```
#af9a2f rgb(175,154,47)
```
#b8a026
```
#b8a026 rgb(184,160,38)
```
#c0a51e
```
#c0a51e rgb(192,165,30)
```
#c9ab15
```
#c9ab15 rgb(201,171,21)
```
#d1b10d
```
#d1b10d rgb(209,177,13)
```
#dab704
```
#dab704 rgb(218,183,4)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#999580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f39 Protanopia 1% of men
#c5983c Deuteranopia 1% of men
#bb959f Tritanopia 0.001% of the population

Trichromacy

#b09d35 Protanomaly 1% of men, 0.01% of women
#bd9837 Deuteranomaly 6% of men, 0.4% of women
#b79776 Tritanomaly 0.01% of the population

#af9a2f hex color

#af9a2f Color Information

#af9a2f Color Conversion

Color Schemes with #af9a2f

Alternatives to #af9a2f

#af9a2f Preview

Shades and Tints of #af9a2f

Tones of #af9a2f

Color Blindness Simulator