#afac1f hex color

In a RGB color space, hex #afac1f is composed of 68.6% red, 67.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 82.3% yellow and 31.4% black. It has a hue angle of 58.8 degrees, a saturation of 69.9% and a lightness of 40.4%. #afac1f color hex could be obtained by blending #ffff3e with #5f5900. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 67
- B 12
RGB color chart
- C 0
- M 2
- Y 82
- K 31
CMYK color chart

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

The hexadecimal color #afac1f has RGB values of R:175, G:172, B:31 and CMYK values of C:0, M:0.02, Y:0.82, K:0.31. Its decimal value is 11512863.

Hex triplet	afac1f	`#afac1f`
RGB Decimal	175, 172, 31	`rgb(175,172,31)`
RGB Percent	68.6, 67.5, 12.2	`rgb(68.6%,67.5%,12.2%)`
CMYK	0, 2, 82, 31
HSL	58.8°, 69.9, 40.4	`hsl(58.8,69.9%,40.4%)`
HSV (or HSB)	58.8°, 82.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.547, -14.147, 65.466
XYZ	32.679, 38.719, 7.048
xyY	0.417, 0.494, 38.719
CIE-LCH	68.547, 66.978, 102.194
CIE-LUV	68.547, 7.255, 71.979
Hunter-Lab	62.224, -15.147, 36.841
Binary	10101111, 10101100, 00011111

#afac1f
```
#afac1f rgb(175,172,31)
```
#1f22af
```
#1f22af rgb(31,34,175)
```

Complementary Color

#af641f
```
#af641f rgb(175,100,31)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#6aaf1f
```
#6aaf1f rgb(106,175,31)
```

Analogous Color

#641faf
```
#641faf rgb(100,31,175)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#1f6aaf
```
#1f6aaf rgb(31,106,175)
```

Split Complementary Color

#ac1faf
```
#ac1faf rgb(172,31,175)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#1fafac
```
#1fafac rgb(31,175,172)
```

Triadic Color

#af1f22
```
#af1f22 rgb(175,31,34)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#1fafac
```
#1fafac rgb(31,175,172)
```
#1f22af
```
#1f22af rgb(31,34,175)
```

Tetradic Color

#6e6c13
```
#6e6c13 rgb(110,108,19)
```
#848117
```
#848117 rgb(132,129,23)
```
#99971b
```
#99971b rgb(153,151,27)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#c5c123
```
#c5c123 rgb(197,193,35)
```
#d9d528
```
#d9d528 rgb(217,213,40)
```
#ddd93e
```
#ddd93e rgb(221,217,62)
```

Monochromatic Color

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

#af881f
```
#af881f rgb(175,136,31)
```
#af941f
```
#af941f rgb(175,148,31)
```
#afa01f
```
#afa01f rgb(175,160,31)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#a6af1f
```
#a6af1f rgb(166,175,31)
```
#9aaf1f
```
#9aaf1f rgb(154,175,31)
```
#8eaf1f
```
#8eaf1f rgb(142,175,31)
```

Similar Colors

Text with hexadecimal color #afac1f

This text has a font color of #afac1f.

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

#afac1f background color

This paragraph has a background color of #afac1f.

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

#afac1f border color

This element has a border color of #afac1f.

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

CSS codes

.text {color:#afac1f;}

.background {background-color:#afac1f;}

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

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

#080801
```
#080801 rgb(8,8,1)
```
#191904
```
#191904 rgb(25,25,4)
```
#2a2907
```
#2a2907 rgb(42,41,7)
```
#3a390a
```
#3a390a rgb(58,57,10)
```
#4b4a0d
```
#4b4a0d rgb(75,74,13)
```
#5c5a10
```
#5c5a10 rgb(92,90,16)
```
#6c6a13
```
#6c6a13 rgb(108,106,19)
```
#7d7b16
```
#7d7b16 rgb(125,123,22)
```
#8e8b19
```
#8e8b19 rgb(142,139,25)
```
#9e9c1c
```
#9e9c1c rgb(158,156,28)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#c0bc22
```
#c0bc22 rgb(192,188,34)
```
#d0cd25
```
#d0cd25 rgb(208,205,37)
```

Shade Color Variation

#dad72f
```
#dad72f rgb(218,215,47)
```
#ddda3f
```
#ddda3f rgb(221,218,63)
```
#e0dd50
```
#e0dd50 rgb(224,221,80)
```
#e3e061
```
#e3e061 rgb(227,224,97)
```
#e6e371
```
#e6e371 rgb(230,227,113)
```
#e9e782
```
#e9e782 rgb(233,231,130)
```
#ecea93
```
#ecea93 rgb(236,234,147)
```
#efeda3
```
#efeda3 rgb(239,237,163)
```
#f2f0b4
```
#f2f0b4 rgb(242,240,180)
```
#f5f4c5
```
#f5f4c5 rgb(245,244,197)
```
#f8f7d5
```
#f8f7d5 rgb(248,247,213)
```
#fbfae6
```
#fbfae6 rgb(251,250,230)
```
#fefdf7
```
#fefdf7 rgb(254,253,247)
```

Tint Color Variation

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

#686866
```
#686866 rgb(104,104,102)
```
#706f5e
```
#706f5e rgb(112,111,94)
```
#787756
```
#787756 rgb(120,119,86)
```
#7f7e4f
```
#7f7e4f rgb(127,126,79)
```
#878647
```
#878647 rgb(135,134,71)
```
#8f8e3f
```
#8f8e3f rgb(143,142,63)
```
#979537
```
#979537 rgb(151,149,55)
```
#9f9d2f
```
#9f9d2f rgb(159,157,47)
```
#a7a427
```
#a7a427 rgb(167,164,39)
```
#afac1f
```
#afac1f rgb(175,172,31)
```
#b7b417
```
#b7b417 rgb(183,180,23)
```
#bfbb0f
```
#bfbb0f rgb(191,187,15)
```
#c7c307
```
#c7c307 rgb(199,195,7)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a1a084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac29 Protanopia 1% of men
#d5a332 Deuteranopia 1% of men
#bea4b0 Tritanopia 0.001% of the population

Trichromacy

#b9ac25 Protanomaly 1% of men, 0.01% of women
#c7a62b Deuteranomaly 6% of men, 0.4% of women
#b9a77b Tritanomaly 0.01% of the population

#afac1f hex color

#afac1f Color Information

#afac1f Color Conversion

Color Schemes with #afac1f

Alternatives to #afac1f

#afac1f Preview

Shades and Tints of #afac1f

Tones of #afac1f

Color Blindness Simulator