#afa422 hex color

In a RGB color space, hex #afa422 is composed of 68.6% red, 64.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.3% magenta, 80.6% yellow and 31.4% black. It has a hue angle of 55.3 degrees, a saturation of 67.5% and a lightness of 41%. #afa422 color hex could be obtained by blending #ffff44 with #5f4900. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 64
- B 13
RGB color chart
- C 0
- M 6
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #afa422 has RGB values of R:175, G:164, B:34 and CMYK values of C:0, M:0.06, Y:0.81, K:0.31. Its decimal value is 11510818.

Hex triplet	afa422	`#afa422`
RGB Decimal	175, 164, 34	`rgb(175,164,34)`
RGB Percent	68.6, 64.3, 13.3	`rgb(68.6%,64.3%,13.3%)`
CMYK	0, 6, 81, 31
HSL	55.3°, 67.5, 41	`hsl(55.3,67.5%,41%)`
HSV (or HSB)	55.3°, 80.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	66.352, -9.894, 62.738
XYZ	31.244, 35.781, 6.774
xyY	0.423, 0.485, 35.781
CIE-LCH	66.352, 63.514, 98.962
CIE-LUV	66.352, 12.593, 68.205
Hunter-Lab	59.817, -11.447, 35.158
Binary	10101111, 10100100, 00100010

#afa422
```
#afa422 rgb(175,164,34)
```
#222daf
```
#222daf rgb(34,45,175)
```

Complementary Color

#af5e22
```
#af5e22 rgb(175,94,34)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#74af22
```
#74af22 rgb(116,175,34)
```

Analogous Color

#5e22af
```
#5e22af rgb(94,34,175)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#2274af
```
#2274af rgb(34,116,175)
```

Split Complementary Color

#a422af
```
#a422af rgb(164,34,175)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#22afa4
```
#22afa4 rgb(34,175,164)
```

Triadic Color

#af222d
```
#af222d rgb(175,34,45)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#22afa4
```
#22afa4 rgb(34,175,164)
```
#222daf
```
#222daf rgb(34,45,175)
```

Tetradic Color

#6f6816
```
#6f6816 rgb(111,104,22)
```
#847c1a
```
#847c1a rgb(132,124,26)
```
#9a901e
```
#9a901e rgb(154,144,30)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#c4b826
```
#c4b826 rgb(196,184,38)
```
#d6c92e
```
#d6c92e rgb(214,201,46)
```
#dacf43
```
#dacf43 rgb(218,207,67)
```

Monochromatic Color

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

#af8122
```
#af8122 rgb(175,129,34)
```
#af8d22
```
#af8d22 rgb(175,141,34)
```
#af9822
```
#af9822 rgb(175,152,34)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#aeaf22
```
#aeaf22 rgb(174,175,34)
```
#a3af22
```
#a3af22 rgb(163,175,34)
```
#97af22
```
#97af22 rgb(151,175,34)
```

Similar Colors

Text with hexadecimal color #afa422

This text has a font color of #afa422.

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

#afa422 background color

This paragraph has a background color of #afa422.

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

#afa422 border color

This element has a border color of #afa422.

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

CSS codes

.text {color:#afa422;}

.background {background-color:#afa422;}

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

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, #0b0a02 is the darkest color, while #fefef9 is the lightest one.

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1b1905
```
#1b1905 rgb(27,25,5)
```
#2c2908
```
#2c2908 rgb(44,41,8)
```
#3c380c
```
#3c380c rgb(60,56,12)
```
#4c480f
```
#4c480f rgb(76,72,15)
```
#5d5712
```
#5d5712 rgb(93,87,18)
```
#6d6615
```
#6d6615 rgb(109,102,21)
```
#7e7618
```
#7e7618 rgb(126,118,24)
```
#8e851c
```
#8e851c rgb(142,133,28)
```
#9f951f
```
#9f951f rgb(159,149,31)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#bfb325
```
#bfb325 rgb(191,179,37)
```
#d0c328
```
#d0c328 rgb(208,195,40)
```

Shade Color Variation

#d8cb34
```
#d8cb34 rgb(216,203,52)
```
#dbcf45
```
#dbcf45 rgb(219,207,69)
```
#ded355
```
#ded355 rgb(222,211,85)
```
#e1d866
```
#e1d866 rgb(225,216,102)
```
#e4dc76
```
#e4dc76 rgb(228,220,118)
```
#e8e086
```
#e8e086 rgb(232,224,134)
```
#ebe497
```
#ebe497 rgb(235,228,151)
```
#eee8a7
```
#eee8a7 rgb(238,232,167)
```
#f1edb8
```
#f1edb8 rgb(241,237,184)
```
#f4f1c8
```
#f4f1c8 rgb(244,241,200)
```
#f8f5d8
```
#f8f5d8 rgb(248,245,216)
```
#fbf9e9
```
#fbf9e9 rgb(251,249,233)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#6f6e62
```
#6f6e62 rgb(111,110,98)
```
#77755a
```
#77755a rgb(119,117,90)
```
#7f7b52
```
#7f7b52 rgb(127,123,82)
```
#87824a
```
#87824a rgb(135,130,74)
```
#8f8942
```
#8f8942 rgb(143,137,66)
```
#97903a
```
#97903a rgb(151,144,58)
```
#9f9632
```
#9f9632 rgb(159,150,50)
```
#a79d2a
```
#a79d2a rgb(167,157,42)
```
#afa422
```
#afa422 rgb(175,164,34)
```
#b7ab1a
```
#b7ab1a rgb(183,171,26)
```
#bfb212
```
#bfb212 rgb(191,178,18)
```
#c7b80a
```
#c7b80a rgb(199,184,10)
```
#cfbf02
```
#cfbf02 rgb(207,191,2)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9d9a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a62c Protanopia 1% of men
#ce9e33 Deuteranopia 1% of men
#bd9da9 Tritanopia 0.001% of the population

Trichromacy

#b5a528 Protanomaly 1% of men, 0.01% of women
#c3a02d Deuteranomaly 6% of men, 0.4% of women
#b8a077 Tritanomaly 0.01% of the population

#afa422 hex color

#afa422 Color Information

#afa422 Color Conversion

Color Schemes with #afa422

Alternatives to #afa422

#afa422 Preview

Shades and Tints of #afa422

Tones of #afa422

Color Blindness Simulator