#afa224 hex color

In a RGB color space, hex #afa224 is composed of 68.6% red, 63.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 79.4% yellow and 31.4% black. It has a hue angle of 54.4 degrees, a saturation of 65.9% and a lightness of 41.4%. #afa224 color hex could be obtained by blending #ffff48 with #5f4500. Closest websafe color is: #999933.

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

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

The hexadecimal color #afa224 has RGB values of R:175, G:162, B:36 and CMYK values of C:0, M:0.07, Y:0.79, K:0.31. Its decimal value is 11510308.

Hex triplet	afa224	`#afa224`
RGB Decimal	175, 162, 36	`rgb(175,162,36)`
RGB Percent	68.6, 63.5, 14.1	`rgb(68.6%,63.5%,14.1%)`
CMYK	0, 7, 79, 31
HSL	54.4°, 65.9, 41.4	`hsl(54.4,65.9%,41.4%)`
HSV (or HSB)	54.4°, 79.4, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.813, -8.772, 61.66
XYZ	30.918, 35.083, 6.812
xyY	0.425, 0.482, 35.083
CIE-LCH	65.813, 62.281, 98.097
CIE-LUV	65.813, 13.925, 67.006
Hunter-Lab	59.231, -10.478, 34.643
Binary	10101111, 10100010, 00100100

#afa224
```
#afa224 rgb(175,162,36)
```
#2431af
```
#2431af rgb(36,49,175)
```

Complementary Color

#af5d24
```
#af5d24 rgb(175,93,36)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#77af24
```
#77af24 rgb(119,175,36)
```

Analogous Color

#5d24af
```
#5d24af rgb(93,36,175)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#2477af
```
#2477af rgb(36,119,175)
```

Split Complementary Color

#a224af
```
#a224af rgb(162,36,175)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#24afa2
```
#24afa2 rgb(36,175,162)
```

Triadic Color

#af2431
```
#af2431 rgb(175,36,49)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#24afa2
```
#24afa2 rgb(36,175,162)
```
#2431af
```
#2431af rgb(36,49,175)
```

Tetradic Color

#706717
```
#706717 rgb(112,103,23)
```
#857b1b
```
#857b1b rgb(133,123,27)
```
#9a8e20
```
#9a8e20 rgb(154,142,32)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#c4b628
```
#c4b628 rgb(196,182,40)
```
#d5c531
```
#d5c531 rgb(213,197,49)
```
#d9cb46
```
#d9cb46 rgb(217,203,70)
```

Monochromatic Color

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

#af7f24
```
#af7f24 rgb(175,127,36)
```
#af8b24
```
#af8b24 rgb(175,139,36)
```
#af9624
```
#af9624 rgb(175,150,36)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#afae24
```
#afae24 rgb(175,174,36)
```
#a5af24
```
#a5af24 rgb(165,175,36)
```
#99af24
```
#99af24 rgb(153,175,36)
```

Similar Colors

Text with hexadecimal color #afa224

This text has a font color of #afa224.

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

#afa224 background color

This paragraph has a background color of #afa224.

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

#afa224 border color

This element has a border color of #afa224.

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

CSS codes

.text {color:#afa224;}

.background {background-color:#afa224;}

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

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

#0c0b03
```
#0c0b03 rgb(12,11,3)
```
#1d1a06
```
#1d1a06 rgb(29,26,6)
```
#2d2a09
```
#2d2a09 rgb(45,42,9)
```
#3d390d
```
#3d390d rgb(61,57,13)
```
#4d4810
```
#4d4810 rgb(77,72,16)
```
#5e5713
```
#5e5713 rgb(94,87,19)
```
#6e6617
```
#6e6617 rgb(110,102,23)
```
#7e751a
```
#7e751a rgb(126,117,26)
```
#8e841d
```
#8e841d rgb(142,132,29)
```
#9f9321
```
#9f9321 rgb(159,147,33)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#bfb127
```
#bfb127 rgb(191,177,39)
```
#d0c02b
```
#d0c02b rgb(208,192,43)
```

Shade Color Variation

#d6c738
```
#d6c738 rgb(214,199,56)
```
#d9cc48
```
#d9cc48 rgb(217,204,72)
```
#ddd058
```
#ddd058 rgb(221,208,88)
```
#e0d569
```
#e0d569 rgb(224,213,105)
```
#e3d979
```
#e3d979 rgb(227,217,121)
```
#e7de89
```
#e7de89 rgb(231,222,137)
```
#eae399
```
#eae399 rgb(234,227,153)
```
#ede7aa
```
#ede7aa rgb(237,231,170)
```
#f1ecba
```
#f1ecba rgb(241,236,186)
```
#f4f0ca
```
#f4f0ca rgb(244,240,202)
```
#f7f5db
```
#f7f5db rgb(247,245,219)
```
#fbf9eb
```
#fbf9eb rgb(251,249,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#6e6d65
```
#6e6d65 rgb(110,109,101)
```
#76745d
```
#76745d rgb(118,116,93)
```
#7e7a55
```
#7e7a55 rgb(126,122,85)
```
#86814d
```
#86814d rgb(134,129,77)
```
#8f8844
```
#8f8844 rgb(143,136,68)
```
#978e3c
```
#978e3c rgb(151,142,60)
```
#9f9534
```
#9f9534 rgb(159,149,52)
```
#a79b2c
```
#a79b2c rgb(167,155,44)
```
#afa224
```
#afa224 rgb(175,162,36)
```
#b7a91c
```
#b7a91c rgb(183,169,28)
```
#bfaf14
```
#bfaf14 rgb(191,175,20)
```
#c7b60c
```
#c7b60c rgb(199,182,12)
```
#cfbc04
```
#cfbc04 rgb(207,188,4)
```

Tone Color Variation

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

Dichromacy

#b8a52e Protanopia 1% of men
#cc9d34 Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#b4a42a Protanomaly 1% of men, 0.01% of women
#c19e2e Deuteranomaly 6% of men, 0.4% of women
#b89e77 Tritanomaly 0.01% of the population

#afa224 hex color

#afa224 Color Information

#afa224 Color Conversion

Color Schemes with #afa224

Alternatives to #afa224

#afa224 Preview

Shades and Tints of #afa224

Tones of #afa224

Color Blindness Simulator