#afa229 hex color

In a RGB color space, hex #afa229 is composed of 68.6% red, 63.5% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 76.6% yellow and 31.4% black. It has a hue angle of 54.2 degrees, a saturation of 62% and a lightness of 42.4%. #afa229 color hex could be obtained by blending #ffff52 with #5f4500. Closest websafe color is: #999933.

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

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

The hexadecimal color #afa229 has RGB values of R:175, G:162, B:41 and CMYK values of C:0, M:0.07, Y:0.77, K:0.31. Its decimal value is 11510313.

Hex triplet	afa229	`#afa229`
RGB Decimal	175, 162, 41	`rgb(175,162,41)`
RGB Percent	68.6, 63.5, 16.1	`rgb(68.6%,63.5%,16.1%)`
CMYK	0, 7, 77, 31
HSL	54.2°, 62, 42.4	`hsl(54.2,62%,42.4%)`
HSV (or HSB)	54.2°, 76.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.839, -8.579, 60.065
XYZ	31, 35.116, 7.243
xyY	0.423, 0.479, 35.116
CIE-LCH	65.839, 60.674, 98.128
CIE-LUV	65.839, 13.824, 65.961
Hunter-Lab	59.258, -10.323, 34.234
Binary	10101111, 10100010, 00101001

#afa229
```
#afa229 rgb(175,162,41)
```
#2936af
```
#2936af rgb(41,54,175)
```

Complementary Color

#af5f29
```
#af5f29 rgb(175,95,41)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#79af29
```
#79af29 rgb(121,175,41)
```

Analogous Color

#5f29af
```
#5f29af rgb(95,41,175)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#2979af
```
#2979af rgb(41,121,175)
```

Split Complementary Color

#a229af
```
#a229af rgb(162,41,175)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#29afa2
```
#29afa2 rgb(41,175,162)
```

Triadic Color

#af2936
```
#af2936 rgb(175,41,54)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#29afa2
```
#29afa2 rgb(41,175,162)
```
#2936af
```
#2936af rgb(41,54,175)
```

Tetradic Color

#71691a
```
#71691a rgb(113,105,26)
```
#867c1f
```
#867c1f rgb(134,124,31)
```
#9a8f24
```
#9a8f24 rgb(154,143,36)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#c4b52e
```
#c4b52e rgb(196,181,46)
```
#d1c23a
```
#d1c23a rgb(209,194,58)
```
#d6c94f
```
#d6c94f rgb(214,201,79)
```

Monochromatic Color

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

#af8129
```
#af8129 rgb(175,129,41)
```
#af8c29
```
#af8c29 rgb(175,140,41)
```
#af9729
```
#af9729 rgb(175,151,41)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#afad29
```
#afad29 rgb(175,173,41)
```
#a6af29
```
#a6af29 rgb(166,175,41)
```
#9baf29
```
#9baf29 rgb(155,175,41)
```

Similar Colors

Text with hexadecimal color #afa229

This text has a font color of #afa229.

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

#afa229 background color

This paragraph has a background color of #afa229.

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

#afa229 border color

This element has a border color of #afa229.

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

CSS codes

.text {color:#afa229;}

.background {background-color:#afa229;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100f04
```
#100f04 rgb(16,15,4)
```
#201e07
```
#201e07 rgb(32,30,7)
```
#302c0b
```
#302c0b rgb(48,44,11)
```
#403b0f
```
#403b0f rgb(64,59,15)
```
#504a13
```
#504a13 rgb(80,74,19)
```
#605816
```
#605816 rgb(96,88,22)
```
#6f671a
```
#6f671a rgb(111,103,26)
```
#7f761e
```
#7f761e rgb(127,118,30)
```
#8f8522
```
#8f8522 rgb(143,133,34)
```
#9f9325
```
#9f9325 rgb(159,147,37)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#bfb12d
```
#bfb12d rgb(191,177,45)
```

Shade Color Variation

#cfbf31
```
#cfbf31 rgb(207,191,49)
```
#d2c440
```
#d2c440 rgb(210,196,64)
```
#d6c950
```
#d6c950 rgb(214,201,80)
```
#dace60
```
#dace60 rgb(218,206,96)
```
#ded370
```
#ded370 rgb(222,211,112)
```
#e1d880
```
#e1d880 rgb(225,216,128)
```
#e5dd90
```
#e5dd90 rgb(229,221,144)
```
#e9e2a0
```
#e9e2a0 rgb(233,226,160)
```
#ece7b0
```
#ece7b0 rgb(236,231,176)
```
#f0ebc0
```
#f0ebc0 rgb(240,235,192)
```
#f4f0d0
```
#f4f0d0 rgb(244,240,208)
```
#f8f5df
```
#f8f5df rgb(248,245,223)
```
#fbfaef
```
#fbfaef rgb(251,250,239)
```

Tint Color Variation

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

#6d6c6b
```
#6d6c6b rgb(109,108,107)
```
#757363
```
#757363 rgb(117,115,99)
```
#7d7a5b
```
#7d7a5b rgb(125,122,91)
```
#858153
```
#858153 rgb(133,129,83)
```
#8e874a
```
#8e874a rgb(142,135,74)
```
#968e42
```
#968e42 rgb(150,142,66)
```
#9e953a
```
#9e953a rgb(158,149,58)
```
#a79b31
```
#a79b31 rgb(167,155,49)
```
#afa229
```
#afa229 rgb(175,162,41)
```
#b7a921
```
#b7a921 rgb(183,169,33)
```
#c0af18
```
#c0af18 rgb(192,175,24)
```
#c8b610
```
#c8b610 rgb(200,182,16)
```
#d0bd08
```
#d0bd08 rgb(208,189,8)
```

Tone Color Variation

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

#b8a533 Protanopia 1% of men
#cc9d38 Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

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

#afa229 hex color

#afa229 Color Information

#afa229 Color Conversion

Color Schemes with #afa229

Alternatives to #afa229

#afa229 Preview

Shades and Tints of #afa229

Tones of #afa229

Color Blindness Simulator