#afaa31 hex color

In a RGB color space, hex #afaa31 is composed of 68.6% red, 66.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 72% yellow and 31.4% black. It has a hue angle of 57.6 degrees, a saturation of 56.3% and a lightness of 43.9%. #afaa31 color hex could be obtained by blending #ffff62 with #5f5500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 67
- B 19
RGB color chart
- C 0
- M 3
- Y 72
- K 31
CMYK color chart

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

The hexadecimal color #afaa31 has RGB values of R:175, G:170, B:49 and CMYK values of C:0, M:0.03, Y:0.72, K:0.31. Its decimal value is 11512369.

Hex triplet	afaa31	`#afaa31`
RGB Decimal	175, 170, 49	`rgb(175,170,49)`
RGB Percent	68.6, 66.7, 19.2	`rgb(68.6%,66.7%,19.2%)`
CMYK	0, 3, 72, 31
HSL	57.6°, 56.3, 43.9	`hsl(57.6,56.3%,43.9%)`
HSV (or HSB)	57.6°, 72, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.084, -12.404, 59.364
XYZ	32.608, 38.086, 8.539
xyY	0.412, 0.481, 38.086
CIE-LCH	68.084, 60.646, 101.802
CIE-LUV	68.084, 8.282, 67.415
Hunter-Lab	61.714, -13.683, 34.996
Binary	10101111, 10101010, 00110001

#afaa31
```
#afaa31 rgb(175,170,49)
```
#3136af
```
#3136af rgb(49,54,175)
```

Complementary Color

#af6b31
```
#af6b31 rgb(175,107,49)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#75af31
```
#75af31 rgb(117,175,49)
```

Analogous Color

#6b31af
```
#6b31af rgb(107,49,175)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#3175af
```
#3175af rgb(49,117,175)
```

Split Complementary Color

#aa31af
```
#aa31af rgb(170,49,175)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#31afaa
```
#31afaa rgb(49,175,170)
```

Triadic Color

#af3136
```
#af3136 rgb(175,49,54)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#31afaa
```
#31afaa rgb(49,175,170)
```
#3136af
```
#3136af rgb(49,54,175)
```

Tetradic Color

#737020
```
#737020 rgb(115,112,32)
```
#878326
```
#878326 rgb(135,131,38)
```
#9b972b
```
#9b972b rgb(155,151,43)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#c3bd37
```
#c3bd37 rgb(195,189,55)
```
#ccc647
```
#ccc647 rgb(204,198,71)
```
#d1cc5b
```
#d1cc5b rgb(209,204,91)
```

Monochromatic Color

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

#af8b31
```
#af8b31 rgb(175,139,49)
```
#af9531
```
#af9531 rgb(175,149,49)
```
#afa031
```
#afa031 rgb(175,160,49)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#aaaf31
```
#aaaf31 rgb(170,175,49)
```
#9faf31
```
#9faf31 rgb(159,175,49)
```
#95af31
```
#95af31 rgb(149,175,49)
```

Similar Colors

Text with hexadecimal color #afaa31

This text has a font color of #afaa31.

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

#afaa31 background color

This paragraph has a background color of #afaa31.

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

#afaa31 border color

This element has a border color of #afaa31.

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

CSS codes

.text {color:#afaa31;}

.background {background-color:#afaa31;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#161506
```
#161506 rgb(22,21,6)
```
#25240a
```
#25240a rgb(37,36,10)
```
#34330f
```
#34330f rgb(52,51,15)
```
#444213
```
#444213 rgb(68,66,19)
```
#535117
```
#535117 rgb(83,81,23)
```
#62601c
```
#62601c rgb(98,96,28)
```
#726e20
```
#726e20 rgb(114,110,32)
```
#817d24
```
#817d24 rgb(129,125,36)
```
#908c28
```
#908c28 rgb(144,140,40)
```
#a09b2d
```
#a09b2d rgb(160,155,45)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#beb935
```
#beb935 rgb(190,185,53)
```

Shade Color Variation

#c9c43e
```
#c9c43e rgb(201,196,62)
```
#cdc84e
```
#cdc84e rgb(205,200,78)
```
#d2cd5d
```
#d2cd5d rgb(210,205,93)
```
#d6d26c
```
#d6d26c rgb(214,210,108)
```
#dad67c
```
#dad67c rgb(218,214,124)
```
#dedb8b
```
#dedb8b rgb(222,219,139)
```
#e3e09a
```
#e3e09a rgb(227,224,154)
```
#e7e5a9
```
#e7e5a9 rgb(231,229,169)
```
#ebe9b9
```
#ebe9b9 rgb(235,233,185)
```
#f0eec8
```
#f0eec8 rgb(240,238,200)
```
#f4f3d7
```
#f4f3d7 rgb(244,243,215)
```
#f8f8e7
```
#f8f8e7 rgb(248,248,231)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#73726d
```
#73726d rgb(115,114,109)
```
#7b7a65
```
#7b7a65 rgb(123,122,101)
```
#84825c
```
#84825c rgb(132,130,92)
```
#8d8a53
```
#8d8a53 rgb(141,138,83)
```
#95924b
```
#95924b rgb(149,146,75)
```
#9e9a42
```
#9e9a42 rgb(158,154,66)
```
#a6a23a
```
#a6a23a rgb(166,162,58)
```
#afaa31
```
#afaa31 rgb(175,170,49)
```
#b8b228
```
#b8b228 rgb(184,178,40)
```
#c0ba20
```
#c0ba20 rgb(192,186,32)
```
#c9c217
```
#c9c217 rgb(201,194,23)
```
#d1ca0f
```
#d1ca0f rgb(209,202,15)
```
#dad206
```
#dad206 rgb(218,210,6)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa3a Protanopia 1% of men
#d3a241 Deuteranopia 1% of men
#bea3af Tritanopia 0.001% of the population

Trichromacy

#b8aa37 Protanomaly 1% of men, 0.01% of women
#c5a53b Deuteranomaly 6% of men, 0.4% of women
#b8a581 Tritanomaly 0.01% of the population

#afaa31 hex color

#afaa31 Color Information

#afaa31 Color Conversion

Color Schemes with #afaa31

Alternatives to #afaa31

#afaa31 Preview

Shades and Tints of #afaa31

Tones of #afaa31

Color Blindness Simulator