#afa22a hex color

In a RGB color space, hex #afa22a is composed of 68.6% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 76% yellow and 31.4% black. It has a hue angle of 54.1 degrees, a saturation of 61.3% and a lightness of 42.5%. #afa22a color hex could be obtained by blending #ffff54 with #5f4500. Closest websafe color is: #999933.

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

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

The hexadecimal color #afa22a has RGB values of R:175, G:162, B:42 and CMYK values of C:0, M:0.07, Y:0.76, K:0.31. Its decimal value is 11510314.

Hex triplet	afa22a	`#afa22a`
RGB Decimal	175, 162, 42	`rgb(175,162,42)`
RGB Percent	68.6, 63.5, 16.5	`rgb(68.6%,63.5%,16.5%)`
CMYK	0, 7, 76, 31
HSL	54.1°, 61.3, 42.5	`hsl(54.1,61.3%,42.5%)`
HSV (or HSB)	54.1°, 76, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.844, -8.537, 59.729
XYZ	31.018, 35.123, 7.336
xyY	0.422, 0.478, 35.123
CIE-LCH	65.844, 60.336, 98.134
CIE-LUV	65.844, 13.802, 65.736
Hunter-Lab	59.264, -10.29, 34.146
Binary	10101111, 10100010, 00101010

#afa22a
```
#afa22a rgb(175,162,42)
```
#2a37af
```
#2a37af rgb(42,55,175)
```

Complementary Color

#af602a
```
#af602a rgb(175,96,42)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#7aaf2a
```
#7aaf2a rgb(122,175,42)
```

Analogous Color

#602aaf
```
#602aaf rgb(96,42,175)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#2a7aaf
```
#2a7aaf rgb(42,122,175)
```

Split Complementary Color

#a22aaf
```
#a22aaf rgb(162,42,175)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#2aafa2
```
#2aafa2 rgb(42,175,162)
```

Triadic Color

#af2a37
```
#af2a37 rgb(175,42,55)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#2aafa2
```
#2aafa2 rgb(42,175,162)
```
#2a37af
```
#2a37af rgb(42,55,175)
```

Tetradic Color

#71691b
```
#71691b rgb(113,105,27)
```
#867c20
```
#867c20 rgb(134,124,32)
```
#9a8f25
```
#9a8f25 rgb(154,143,37)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#c4b52f
```
#c4b52f rgb(196,181,47)
```
#d0c23c
```
#d0c23c rgb(208,194,60)
```
#d5c850
```
#d5c850 rgb(213,200,80)
```

Monochromatic Color

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

#af812a
```
#af812a rgb(175,129,42)
```
#af8c2a
```
#af8c2a rgb(175,140,42)
```
#af972a
```
#af972a rgb(175,151,42)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#afad2a
```
#afad2a rgb(175,173,42)
```
#a6af2a
```
#a6af2a rgb(166,175,42)
```
#9baf2a
```
#9baf2a rgb(155,175,42)
```

Similar Colors

Text with hexadecimal color #afa22a

This text has a font color of #afa22a.

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

#afa22a background color

This paragraph has a background color of #afa22a.

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

#afa22a border color

This element has a border color of #afa22a.

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

CSS codes

.text {color:#afa22a;}

.background {background-color:#afa22a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111004
```
#111004 rgb(17,16,4)
```
#211e08
```
#211e08 rgb(33,30,8)
```
#302d0c
```
#302d0c rgb(48,45,12)
```
#403b0f
```
#403b0f rgb(64,59,15)
```
#504a13
```
#504a13 rgb(80,74,19)
```
#605917
```
#605917 rgb(96,89,23)
```
#70671b
```
#70671b rgb(112,103,27)
```
#80761f
```
#80761f rgb(128,118,31)
```
#8f8522
```
#8f8522 rgb(143,133,34)
```
#9f9326
```
#9f9326 rgb(159,147,38)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#bfb12e
```
#bfb12e rgb(191,177,46)
```

Shade Color Variation

#cebf32
```
#cebf32 rgb(206,191,50)
```
#d2c442
```
#d2c442 rgb(210,196,66)
```
#d5c952
```
#d5c952 rgb(213,201,82)
```
#d9ce62
```
#d9ce62 rgb(217,206,98)
```
#ddd372
```
#ddd372 rgb(221,211,114)
```
#e1d881
```
#e1d881 rgb(225,216,129)
```
#e5dd91
```
#e5dd91 rgb(229,221,145)
```
#e8e1a1
```
#e8e1a1 rgb(232,225,161)
```
#ece6b1
```
#ece6b1 rgb(236,230,177)
```
#f0ebc1
```
#f0ebc1 rgb(240,235,193)
```
#f4f0d1
```
#f4f0d1 rgb(244,240,209)
```
#f8f5e0
```
#f8f5e0 rgb(248,245,224)
```
#fbfaf0
```
#fbfaf0 rgb(251,250,240)
```

Tint Color Variation

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

#757364
```
#757364 rgb(117,115,100)
```
#7d7a5c
```
#7d7a5c rgb(125,122,92)
```
#858054
```
#858054 rgb(133,128,84)
```
#8e874b
```
#8e874b rgb(142,135,75)
```
#968e43
```
#968e43 rgb(150,142,67)
```
#9e953b
```
#9e953b rgb(158,149,59)
```
#a79b32
```
#a79b32 rgb(167,155,50)
```
#afa22a
```
#afa22a rgb(175,162,42)
```
#b7a922
```
#b7a922 rgb(183,169,34)
```
#c0af19
```
#c0af19 rgb(192,175,25)
```
#c8b611
```
#c8b611 rgb(200,182,17)
```
#d0bd09
```
#d0bd09 rgb(208,189,9)
```
#d9c400
```
#d9c400 rgb(217,196,0)
```

Tone Color Variation

Below, you can see how #afa22a 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
#9d9a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a534 Protanopia 1% of men
#cc9d39 Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#b4a430 Protanomaly 1% of men, 0.01% of women
#c19e34 Deuteranomaly 6% of men, 0.4% of women
#b89e79 Tritanomaly 0.01% of the population

#afa22a hex color

#afa22a Color Information

#afa22a Color Conversion

Color Schemes with #afa22a

Alternatives to #afa22a

#afa22a Preview

Shades and Tints of #afa22a

Tones of #afa22a

Color Blindness Simulator