#afa22f hex color

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

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

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

The hexadecimal color #afa22f has RGB values of R:175, G:162, B:47 and CMYK values of C:0, M:0.07, Y:0.73, K:0.31. Its decimal value is 11510319.

Hex triplet	afa22f	`#afa22f`
RGB Decimal	175, 162, 47	`rgb(175,162,47)`
RGB Percent	68.6, 63.5, 18.4	`rgb(68.6%,63.5%,18.4%)`
CMYK	0, 7, 73, 31
HSL	53.9°, 57.7, 43.5	`hsl(53.9,57.7%,43.5%)`
HSV (or HSB)	53.9°, 73.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.874, -8.313, 57.967
XYZ	31.113, 35.161, 7.837
xyY	0.42, 0.474, 35.161
CIE-LCH	65.874, 58.56, 98.161
CIE-LUV	65.874, 13.686, 64.53
Hunter-Lab	59.296, -10.11, 33.671
Binary	10101111, 10100010, 00101111

#afa22f
```
#afa22f rgb(175,162,47)
```
#2f3caf
```
#2f3caf rgb(47,60,175)
```

Complementary Color

#af622f
```
#af622f rgb(175,98,47)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#7caf2f
```
#7caf2f rgb(124,175,47)
```

Analogous Color

#622faf
```
#622faf rgb(98,47,175)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#2f7caf
```
#2f7caf rgb(47,124,175)
```

Split Complementary Color

#a22faf
```
#a22faf rgb(162,47,175)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#2fafa2
```
#2fafa2 rgb(47,175,162)
```

Triadic Color

#af2f3c
```
#af2f3c rgb(175,47,60)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#2fafa2
```
#2fafa2 rgb(47,175,162)
```
#2f3caf
```
#2f3caf rgb(47,60,175)
```

Tetradic Color

#736a1f
```
#736a1f rgb(115,106,31)
```
#877d24
```
#877d24 rgb(135,125,36)
```
#9b8f2a
```
#9b8f2a rgb(155,143,42)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#c3b534
```
#c3b534 rgb(195,181,52)
```
#cdbf44
```
#cdbf44 rgb(205,191,68)
```
#d2c658
```
#d2c658 rgb(210,198,88)
```

Monochromatic Color

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

#af822f
```
#af822f rgb(175,130,47)
```
#af8d2f
```
#af8d2f rgb(175,141,47)
```
#af972f
```
#af972f rgb(175,151,47)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#afad2f
```
#afad2f rgb(175,173,47)
```
#a7af2f
```
#a7af2f rgb(167,175,47)
```
#9caf2f
```
#9caf2f rgb(156,175,47)
```

Similar Colors

Text with hexadecimal color #afa22f

This text has a font color of #afa22f.

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

#afa22f background color

This paragraph has a background color of #afa22f.

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

#afa22f border color

This element has a border color of #afa22f.

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

CSS codes

.text {color:#afa22f;}

.background {background-color:#afa22f;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141305
```
#141305 rgb(20,19,5)
```
#24210a
```
#24210a rgb(36,33,10)
```
#332f0e
```
#332f0e rgb(51,47,14)
```
#433e12
```
#433e12 rgb(67,62,18)
```
#524c16
```
#524c16 rgb(82,76,22)
```
#625a1a
```
#625a1a rgb(98,90,26)
```
#71691e
```
#71691e rgb(113,105,30)
```
#817723
```
#817723 rgb(129,119,35)
```
#908527
```
#908527 rgb(144,133,39)
```
#a0942b
```
#a0942b rgb(160,148,43)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#beb033
```
#beb033 rgb(190,176,51)
```

Shade Color Variation

#cabc3b
```
#cabc3b rgb(202,188,59)
```
#cec14a
```
#cec14a rgb(206,193,74)
```
#d3c65a
```
#d3c65a rgb(211,198,90)
```
#d7cc69
```
#d7cc69 rgb(215,204,105)
```
#dbd179
```
#dbd179 rgb(219,209,121)
```
#dfd688
```
#dfd688 rgb(223,214,136)
```
#e3dc98
```
#e3dc98 rgb(227,220,152)
```
#e7e1a7
```
#e7e1a7 rgb(231,225,167)
```
#ece6b7
```
#ece6b7 rgb(236,230,183)
```
#f0ebc6
```
#f0ebc6 rgb(240,235,198)
```
#f4f1d6
```
#f4f1d6 rgb(244,241,214)
```
#f8f6e5
```
#f8f6e5 rgb(248,246,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 #dac404 is the most saturated one.

#73726b
```
#73726b rgb(115,114,107)
```
#7c7962
```
#7c7962 rgb(124,121,98)
```
#84805a
```
#84805a rgb(132,128,90)
```
#8d8751
```
#8d8751 rgb(141,135,81)
```
#958e49
```
#958e49 rgb(149,142,73)
```
#9e9440
```
#9e9440 rgb(158,148,64)
```
#a69b38
```
#a69b38 rgb(166,155,56)
```
#afa22f
```
#afa22f rgb(175,162,47)
```
#b8a926
```
#b8a926 rgb(184,169,38)
```
#c0b01e
```
#c0b01e rgb(192,176,30)
```
#c9b615
```
#c9b615 rgb(201,182,21)
```
#d1bd0d
```
#d1bd0d rgb(209,189,13)
```
#dac404
```
#dac404 rgb(218,196,4)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d9b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a539 Protanopia 1% of men
#cc9d3e Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#b4a435 Protanomaly 1% of men, 0.01% of women
#c19f38 Deuteranomaly 6% of men, 0.4% of women
#b79e7b Tritanomaly 0.01% of the population

#afa22f hex color

#afa22f Color Information

#afa22f Color Conversion

Color Schemes with #afa22f

Alternatives to #afa22f

#afa22f Preview

Shades and Tints of #afa22f

Tones of #afa22f

Color Blindness Simulator