#afa51f hex color

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

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

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

The hexadecimal color #afa51f has RGB values of R:175, G:165, B:31 and CMYK values of C:0, M:0.06, Y:0.82, K:0.31. Its decimal value is 11511071.

Hex triplet	afa51f	`#afa51f`
RGB Decimal	175, 165, 31	`rgb(175,165,31)`
RGB Percent	68.6, 64.7, 12.2	`rgb(68.6%,64.7%,12.2%)`
CMYK	0, 6, 82, 31
HSL	55.8°, 69.9, 40.4	`hsl(55.8,69.9%,40.4%)`
HSV (or HSB)	55.8°, 82.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	66.615, -10.516, 63.812
XYZ	31.382, 36.124, 6.616
xyY	0.423, 0.487, 36.124
CIE-LCH	66.615, 64.673, 99.358
CIE-LUV	66.615, 11.96, 69.138
Hunter-Lab	60.103, -11.98, 35.546
Binary	10101111, 10100101, 00011111

#afa51f
```
#afa51f rgb(175,165,31)
```
#1f29af
```
#1f29af rgb(31,41,175)
```

Complementary Color

#af5d1f
```
#af5d1f rgb(175,93,31)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#71af1f
```
#71af1f rgb(113,175,31)
```

Analogous Color

#5d1faf
```
#5d1faf rgb(93,31,175)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#1f71af
```
#1f71af rgb(31,113,175)
```

Split Complementary Color

#a51faf
```
#a51faf rgb(165,31,175)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#1fafa5
```
#1fafa5 rgb(31,175,165)
```

Triadic Color

#af1f29
```
#af1f29 rgb(175,31,41)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#1fafa5
```
#1fafa5 rgb(31,175,165)
```
#1f29af
```
#1f29af rgb(31,41,175)
```

Tetradic Color

#6e6813
```
#6e6813 rgb(110,104,19)
```
#847c17
```
#847c17 rgb(132,124,23)
```
#99911b
```
#99911b rgb(153,145,27)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#c5b923
```
#c5b923 rgb(197,185,35)
```
#d9cd28
```
#d9cd28 rgb(217,205,40)
```
#ddd23e
```
#ddd23e rgb(221,210,62)
```

Monochromatic Color

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

#af811f
```
#af811f rgb(175,129,31)
```
#af8d1f
```
#af8d1f rgb(175,141,31)
```
#af991f
```
#af991f rgb(175,153,31)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#adaf1f
```
#adaf1f rgb(173,175,31)
```
#a1af1f
```
#a1af1f rgb(161,175,31)
```
#95af1f
```
#95af1f rgb(149,175,31)
```

Similar Colors

Text with hexadecimal color #afa51f

This text has a font color of #afa51f.

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

#afa51f background color

This paragraph has a background color of #afa51f.

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

#afa51f border color

This element has a border color of #afa51f.

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

CSS codes

.text {color:#afa51f;}

.background {background-color:#afa51f;}

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

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)
```
#191804
```
#191804 rgb(25,24,4)
```
#2a2707
```
#2a2707 rgb(42,39,7)
```
#3a370a
```
#3a370a rgb(58,55,10)
```
#4b470d
```
#4b470d rgb(75,71,13)
```
#5c5610
```
#5c5610 rgb(92,86,16)
```
#6c6613
```
#6c6613 rgb(108,102,19)
```
#7d7616
```
#7d7616 rgb(125,118,22)
```
#8e8619
```
#8e8619 rgb(142,134,25)
```
#9e951c
```
#9e951c rgb(158,149,28)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#c0b522
```
#c0b522 rgb(192,181,34)
```
#d0c425
```
#d0c425 rgb(208,196,37)
```

Shade Color Variation

#dace2f
```
#dace2f rgb(218,206,47)
```
#ddd23f
```
#ddd23f rgb(221,210,63)
```
#e0d650
```
#e0d650 rgb(224,214,80)
```
#e3da61
```
#e3da61 rgb(227,218,97)
```
#e6de71
```
#e6de71 rgb(230,222,113)
```
#e9e282
```
#e9e282 rgb(233,226,130)
```
#ece693
```
#ece693 rgb(236,230,147)
```
#efeaa3
```
#efeaa3 rgb(239,234,163)
```
#f2edb4
```
#f2edb4 rgb(242,237,180)
```
#f5f1c5
```
#f5f1c5 rgb(245,241,197)
```
#f8f5d5
```
#f8f5d5 rgb(248,245,213)
```
#fbf9e6
```
#fbf9e6 rgb(251,249,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 #c7b907 is the most saturated one.

#686866
```
#686866 rgb(104,104,102)
```
#706e5e
```
#706e5e rgb(112,110,94)
```
#787556
```
#787556 rgb(120,117,86)
```
#7f7c4f
```
#7f7c4f rgb(127,124,79)
```
#878347
```
#878347 rgb(135,131,71)
```
#8f8a3f
```
#8f8a3f rgb(143,138,63)
```
#979137
```
#979137 rgb(151,145,55)
```
#9f972f
```
#9f972f rgb(159,151,47)
```
#a79e27
```
#a79e27 rgb(167,158,39)
```
#afa51f
```
#afa51f rgb(175,165,31)
```
#b7ac17
```
#b7ac17 rgb(183,172,23)
```
#bfb30f
```
#bfb30f rgb(191,179,15)
```
#c7b907
```
#c7b907 rgb(199,185,7)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d9b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa72a Protanopia 1% of men
#cf9e31 Deuteranopia 1% of men
#bd9ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a626 Protanomaly 1% of men, 0.01% of women
#c3a12a Deuteranomaly 6% of men, 0.4% of women
#b8a177 Tritanomaly 0.01% of the population

#afa51f hex color

#afa51f Color Information

#afa51f Color Conversion

Color Schemes with #afa51f

Alternatives to #afa51f

#afa51f Preview

Shades and Tints of #afa51f

Tones of #afa51f

Color Blindness Simulator