#af981e hex color

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

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

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

The hexadecimal color #af981e has RGB values of R:175, G:152, B:30 and CMYK values of C:0, M:0.13, Y:0.83, K:0.31. Its decimal value is 11507742.

Hex triplet	af981e	`#af981e`
RGB Decimal	175, 152, 30	`rgb(175,152,30)`
RGB Percent	68.6, 59.6, 11.8	`rgb(68.6%,59.6%,11.8%)`
CMYK	0, 13, 83, 31
HSL	50.5°, 70.7, 40.2	`hsl(50.5,70.7%,40.2%)`
HSV (or HSB)	50.5°, 82.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	63.065, -3.642, 61.044
XYZ	29.142, 31.665, 5.805
xyY	0.437, 0.475, 31.665
CIE-LCH	63.065, 61.153, 93.415
CIE-LUV	63.065, 21.045, 64.031
Hunter-Lab	56.272, -6.034, 33.274
Binary	10101111, 10011000, 00011110

#af981e
```
#af981e rgb(175,152,30)
```
#1e35af
```
#1e35af rgb(30,53,175)
```

Complementary Color

#af501e
```
#af501e rgb(175,80,30)
```
#af981e
```
#af981e rgb(175,152,30)
```
#7eaf1e
```
#7eaf1e rgb(126,175,30)
```

Analogous Color

#501eaf
```
#501eaf rgb(80,30,175)
```
#af981e
```
#af981e rgb(175,152,30)
```
#1e7eaf
```
#1e7eaf rgb(30,126,175)
```

Split Complementary Color

#981eaf
```
#981eaf rgb(152,30,175)
```
#af981e
```
#af981e rgb(175,152,30)
```
#1eaf98
```
#1eaf98 rgb(30,175,152)
```

Triadic Color

#af1e35
```
#af1e35 rgb(175,30,53)
```
#af981e
```
#af981e rgb(175,152,30)
```
#1eaf98
```
#1eaf98 rgb(30,175,152)
```
#1e35af
```
#1e35af rgb(30,53,175)
```

Tetradic Color

#6e5f13
```
#6e5f13 rgb(110,95,19)
```
#837217
```
#837217 rgb(131,114,23)
```
#99851a
```
#99851a rgb(153,133,26)
```
#af981e
```
#af981e rgb(175,152,30)
```
#c5ab22
```
#c5ab22 rgb(197,171,34)
```
#dabd26
```
#dabd26 rgb(218,189,38)
```
#dec43c
```
#dec43c rgb(222,196,60)
```

Monochromatic Color

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

#af741e
```
#af741e rgb(175,116,30)
```
#af801e
```
#af801e rgb(175,128,30)
```
#af8c1e
```
#af8c1e rgb(175,140,30)
```
#af981e
```
#af981e rgb(175,152,30)
```
#afa41e
```
#afa41e rgb(175,164,30)
```
#aeaf1e
```
#aeaf1e rgb(174,175,30)
```
#a2af1e
```
#a2af1e rgb(162,175,30)
```

Similar Colors

Text with hexadecimal color #af981e

This text has a font color of #af981e.

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

#af981e background color

This paragraph has a background color of #af981e.

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

#af981e border color

This element has a border color of #af981e.

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

CSS codes

.text {color:#af981e;}

.background {background-color:#af981e;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#181504
```
#181504 rgb(24,21,4)
```
#292407
```
#292407 rgb(41,36,7)
```
#3a320a
```
#3a320a rgb(58,50,10)
```
#4b410d
```
#4b410d rgb(75,65,13)
```
#5b4f10
```
#5b4f10 rgb(91,79,16)
```
#6c5e13
```
#6c5e13 rgb(108,94,19)
```
#7d6c15
```
#7d6c15 rgb(125,108,21)
```
#8e7b18
```
#8e7b18 rgb(142,123,24)
```
#9e891b
```
#9e891b rgb(158,137,27)
```
#af981e
```
#af981e rgb(175,152,30)
```
#c0a721
```
#c0a721 rgb(192,167,33)
```
#d0b524
```
#d0b524 rgb(208,181,36)
```

Shade Color Variation

#dbbf2d
```
#dbbf2d rgb(219,191,45)
```
#dec43e
```
#dec43e rgb(222,196,62)
```
#e1ca4e
```
#e1ca4e rgb(225,202,78)
```
#e4cf5f
```
#e4cf5f rgb(228,207,95)
```
#e6d470
```
#e6d470 rgb(230,212,112)
```
#e9d981
```
#e9d981 rgb(233,217,129)
```
#ecde91
```
#ecde91 rgb(236,222,145)
```
#efe3a2
```
#efe3a2 rgb(239,227,162)
```
#f2e8b3
```
#f2e8b3 rgb(242,232,179)
```
#f5edc4
```
#f5edc4 rgb(245,237,196)
```
#f8f2d4
```
#f8f2d4 rgb(248,242,212)
```
#fbf7e5
```
#fbf7e5 rgb(251,247,229)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#686865
```
#686865 rgb(104,104,101)
```
#706d5d
```
#706d5d rgb(112,109,93)
```
#787255
```
#787255 rgb(120,114,85)
```
#80784d
```
#80784d rgb(128,120,77)
```
#887d45
```
#887d45 rgb(136,125,69)
```
#8f823e
```
#8f823e rgb(143,130,62)
```
#978836
```
#978836 rgb(151,136,54)
```
#9f8d2e
```
#9f8d2e rgb(159,141,46)
```
#a79326
```
#a79326 rgb(167,147,38)
```
#af981e
```
#af981e rgb(175,152,30)
```
#b79d16
```
#b79d16 rgb(183,157,22)
```
#bfa30e
```
#bfa30e rgb(191,163,14)
```
#c7a806
```
#c7a806 rgb(199,168,6)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#97927a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e29 Protanopia 1% of men
#c4962d Deuteranopia 1% of men
#bc939d Tritanopia 0.001% of the population

Trichromacy

#b09b25 Protanomaly 1% of men, 0.01% of women
#bc9728 Deuteranomaly 6% of men, 0.4% of women
#b7946f Tritanomaly 0.01% of the population

#af981e hex color

#af981e Color Information

#af981e Color Conversion

Color Schemes with #af981e

Alternatives to #af981e

#af981e Preview

Shades and Tints of #af981e

Tones of #af981e

Color Blindness Simulator