#af8f1e hex color

In a RGB color space, hex #af8f1e is composed of 68.6% red, 56.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 82.9% yellow and 31.4% black. It has a hue angle of 46.8 degrees, a saturation of 70.7% and a lightness of 40.2%. #af8f1e color hex could be obtained by blending #ffff3c with #5f1f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 56
- B 12
RGB color chart
- C 0
- M 18
- Y 83
- K 31
CMYK color chart

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

The hexadecimal color #af8f1e has RGB values of R:175, G:143, B:30 and CMYK values of C:0, M:0.18, Y:0.83, K:0.31. Its decimal value is 11505438.

Hex triplet	af8f1e	`#af8f1e`
RGB Decimal	175, 143, 30	`rgb(175,143,30)`
RGB Percent	68.6, 56.1, 11.8	`rgb(68.6%,56.1%,11.8%)`
CMYK	0, 18, 83, 31
HSL	46.8°, 70.7, 40.2	`hsl(46.8,70.7%,40.2%)`
HSV (or HSB)	46.8°, 82.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	60.652, 1.247, 58.967
XYZ	27.736, 28.854, 5.337
xyY	0.448, 0.466, 28.854
CIE-LCH	60.652, 58.98, 88.789
CIE-LUV	60.652, 27.572, 60.386
Hunter-Lab	53.716, -1.833, 31.711
Binary	10101111, 10001111, 00011110

#af8f1e
```
#af8f1e rgb(175,143,30)
```
#1e3eaf
```
#1e3eaf rgb(30,62,175)
```

Complementary Color

#af471e
```
#af471e rgb(175,71,30)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#87af1e
```
#87af1e rgb(135,175,30)
```

Analogous Color

#461eaf
```
#461eaf rgb(70,30,175)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#1e87af
```
#1e87af rgb(30,135,175)
```

Split Complementary Color

#8f1eaf
```
#8f1eaf rgb(143,30,175)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#1eaf8f
```
#1eaf8f rgb(30,175,143)
```

Triadic Color

#af1e3e
```
#af1e3e rgb(175,30,62)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#1eaf8f
```
#1eaf8f rgb(30,175,143)
```
#1e3eaf
```
#1e3eaf rgb(30,62,175)
```

Tetradic Color

#6e5a13
```
#6e5a13 rgb(110,90,19)
```
#836b17
```
#836b17 rgb(131,107,23)
```
#997d1a
```
#997d1a rgb(153,125,26)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#c5a122
```
#c5a122 rgb(197,161,34)
```
#dab226
```
#dab226 rgb(218,178,38)
```
#deba3c
```
#deba3c rgb(222,186,60)
```

Monochromatic Color

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

#af6b1e
```
#af6b1e rgb(175,107,30)
```
#af771e
```
#af771e rgb(175,119,30)
```
#af831e
```
#af831e rgb(175,131,30)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#af9b1e
```
#af9b1e rgb(175,155,30)
```
#afa71e
```
#afa71e rgb(175,167,30)
```
#abaf1e
```
#abaf1e rgb(171,175,30)
```

Similar Colors

Text with hexadecimal color #af8f1e

This text has a font color of #af8f1e.

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

#af8f1e background color

This paragraph has a background color of #af8f1e.

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

#af8f1e border color

This element has a border color of #af8f1e.

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

CSS codes

.text {color:#af8f1e;}

.background {background-color:#af8f1e;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#181404
```
#181404 rgb(24,20,4)
```
#292207
```
#292207 rgb(41,34,7)
```
#3a2f0a
```
#3a2f0a rgb(58,47,10)
```
#4b3d0d
```
#4b3d0d rgb(75,61,13)
```
#5b4b10
```
#5b4b10 rgb(91,75,16)
```
#6c5813
```
#6c5813 rgb(108,88,19)
```
#7d6615
```
#7d6615 rgb(125,102,21)
```
#8e7418
```
#8e7418 rgb(142,116,24)
```
#9e811b
```
#9e811b rgb(158,129,27)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#c09d21
```
#c09d21 rgb(192,157,33)
```
#d0aa24
```
#d0aa24 rgb(208,170,36)
```

Shade Color Variation

#dbb52d
```
#dbb52d rgb(219,181,45)
```
#deba3e
```
#deba3e rgb(222,186,62)
```
#e1c04e
```
#e1c04e rgb(225,192,78)
```
#e4c65f
```
#e4c65f rgb(228,198,95)
```
#e6cc70
```
#e6cc70 rgb(230,204,112)
```
#e9d281
```
#e9d281 rgb(233,210,129)
```
#ecd891
```
#ecd891 rgb(236,216,145)
```
#efdea2
```
#efdea2 rgb(239,222,162)
```
#f2e4b3
```
#f2e4b3 rgb(242,228,179)
```
#f5eac4
```
#f5eac4 rgb(245,234,196)
```
#f8f0d4
```
#f8f0d4 rgb(248,240,212)
```
#fbf6e5
```
#fbf6e5 rgb(251,246,229)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#686765
```
#686765 rgb(104,103,101)
```
#706c5d
```
#706c5d rgb(112,108,93)
```
#787055
```
#787055 rgb(120,112,85)
```
#80754d
```
#80754d rgb(128,117,77)
```
#887945
```
#887945 rgb(136,121,69)
```
#8f7d3e
```
#8f7d3e rgb(143,125,62)
```
#978236
```
#978236 rgb(151,130,54)
```
#9f862e
```
#9f862e rgb(159,134,46)
```
#a78b26
```
#a78b26 rgb(167,139,38)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#b79316
```
#b79316 rgb(183,147,22)
```
#bf980e
```
#bf980e rgb(191,152,14)
```
#c79c06
```
#c79c06 rgb(199,156,6)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#938d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9982a Protanopia 1% of men
#bd902c Deuteranopia 1% of men
#ba8b95 Tritanopia 0.001% of the population

Trichromacy

#ab9426 Protanomaly 1% of men, 0.01% of women
#b79026 Deuteranomaly 6% of men, 0.4% of women
#b68c69 Tritanomaly 0.01% of the population

#af8f1e hex color

#af8f1e Color Information

#af8f1e Color Conversion

Color Schemes with #af8f1e

Alternatives to #af8f1e

#af8f1e Preview

Shades and Tints of #af8f1e

Tones of #af8f1e

Color Blindness Simulator