#af931a hex color

In a RGB color space, hex #af931a is composed of 68.6% red, 57.6% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 48.7 degrees, a saturation of 74.1% and a lightness of 39.4%. #af931a color hex could be obtained by blending #ffff34 with #5f2700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 58
- B 10
RGB color chart
- C 0
- M 16
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af931a has RGB values of R:175, G:147, B:26 and CMYK values of C:0, M:0.16, Y:0.85, K:0.31. Its decimal value is 11506458.

Hex triplet	af931a	`#af931a`
RGB Decimal	175, 147, 26	`rgb(175,147,26)`
RGB Percent	68.6, 57.6, 10.2	`rgb(68.6%,57.6%,10.2%)`
CMYK	0, 16, 85, 31
HSL	48.7°, 74.1, 39.4	`hsl(48.7,74.1%,39.4%)`
HSV (or HSB)	48.7°, 85.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	61.703, -1.053, 61.001
XYZ	28.3, 30.057, 5.288
xyY	0.445, 0.472, 30.057
CIE-LCH	61.703, 61.01, 90.989
CIE-LUV	61.703, 24.734, 62.674
Hunter-Lab	54.824, -3.803, 32.658
Binary	10101111, 10010011, 00011010

#af931a
```
#af931a rgb(175,147,26)
```
#1a36af
```
#1a36af rgb(26,54,175)
```

Complementary Color

#af481a
```
#af481a rgb(175,72,26)
```
#af931a
```
#af931a rgb(175,147,26)
```
#81af1a
```
#81af1a rgb(129,175,26)
```

Analogous Color

#481aaf
```
#481aaf rgb(72,26,175)
```
#af931a
```
#af931a rgb(175,147,26)
```
#1a81af
```
#1a81af rgb(26,129,175)
```

Split Complementary Color

#931aaf
```
#931aaf rgb(147,26,175)
```
#af931a
```
#af931a rgb(175,147,26)
```
#1aaf93
```
#1aaf93 rgb(26,175,147)
```

Triadic Color

#af1a36
```
#af1a36 rgb(175,26,54)
```
#af931a
```
#af931a rgb(175,147,26)
```
#1aaf93
```
#1aaf93 rgb(26,175,147)
```
#1a36af
```
#1a36af rgb(26,54,175)
```

Tetradic Color

#6c5b10
```
#6c5b10 rgb(108,91,16)
```
#836e13
```
#836e13 rgb(131,110,19)
```
#998017
```
#998017 rgb(153,128,23)
```
#af931a
```
#af931a rgb(175,147,26)
```
#c5a61d
```
#c5a61d rgb(197,166,29)
```
#dbb821
```
#dbb821 rgb(219,184,33)
```
#e1c135
```
#e1c135 rgb(225,193,53)
```

Monochromatic Color

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

#af6e1a
```
#af6e1a rgb(175,110,26)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#af871a
```
#af871a rgb(175,135,26)
```
#af931a
```
#af931a rgb(175,147,26)
```
#af9f1a
```
#af9f1a rgb(175,159,26)
```
#afac1a
```
#afac1a rgb(175,172,26)
```
#a6af1a
```
#a6af1a rgb(166,175,26)
```

Similar Colors

Text with hexadecimal color #af931a

This text has a font color of #af931a.

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

#af931a background color

This paragraph has a background color of #af931a.

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

#af931a border color

This element has a border color of #af931a.

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

CSS codes

.text {color:#af931a;}

.background {background-color:#af931a;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#151203
```
#151203 rgb(21,18,3)
```
#262006
```
#262006 rgb(38,32,6)
```
#372f08
```
#372f08 rgb(55,47,8)
```
#493d0b
```
#493d0b rgb(73,61,11)
```
#5a4b0d
```
#5a4b0d rgb(90,75,13)
```
#6b5a10
```
#6b5a10 rgb(107,90,16)
```
#7c6812
```
#7c6812 rgb(124,104,18)
```
#8d7615
```
#8d7615 rgb(141,118,21)
```
#9e8517
```
#9e8517 rgb(158,133,23)
```
#af931a
```
#af931a rgb(175,147,26)
```
#c0a11d
```
#c0a11d rgb(192,161,29)
```
#d1b01f
```
#d1b01f rgb(209,176,31)
```

Shade Color Variation

#dfbc25
```
#dfbc25 rgb(223,188,37)
```
#e1c136
```
#e1c136 rgb(225,193,54)
```
#e4c647
```
#e4c647 rgb(228,198,71)
```
#e6cc58
```
#e6cc58 rgb(230,204,88)
```
#e9d16a
```
#e9d16a rgb(233,209,106)
```
#ebd67b
```
#ebd67b rgb(235,214,123)
```
#eedb8c
```
#eedb8c rgb(238,219,140)
```
#f0e19d
```
#f0e19d rgb(240,225,157)
```
#f3e6ae
```
#f3e6ae rgb(243,230,174)
```
#f5ebbf
```
#f5ebbf rgb(245,235,191)
```
#f8f0d0
```
#f8f0d0 rgb(248,240,208)
```
#fbf6e1
```
#fbf6e1 rgb(251,246,225)
```
#fdfbf2
```
#fdfbf2 rgb(253,251,242)
```

Tint Color Variation

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

#696860
```
#696860 rgb(105,104,96)
```
#716c58
```
#716c58 rgb(113,108,88)
```
#797150
```
#797150 rgb(121,113,80)
```
#817648
```
#817648 rgb(129,118,72)
```
#887b41
```
#887b41 rgb(136,123,65)
```
#908039
```
#908039 rgb(144,128,57)
```
#988531
```
#988531 rgb(152,133,49)
```
#a08929
```
#a08929 rgb(160,137,41)
```
#a78e22
```
#a78e22 rgb(167,142,34)
```
#af931a
```
#af931a rgb(175,147,26)
```
#b79812
```
#b79812 rgb(183,152,18)
```
#be9d0b
```
#be9d0b rgb(190,157,11)
```
#c6a103
```
#c6a103 rgb(198,161,3)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958f77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a26 Protanopia 1% of men
#c09329 Deuteranopia 1% of men
#bb8e98 Tritanopia 0.001% of the population

Trichromacy

#ad9721 Protanomaly 1% of men, 0.01% of women
#ba9323 Deuteranomaly 6% of men, 0.4% of women
#b6906a Tritanomaly 0.01% of the population

#af931a hex color

#af931a Color Information

#af931a Color Conversion

Color Schemes with #af931a

Alternatives to #af931a

#af931a Preview

Shades and Tints of #af931a

Tones of #af931a

Color Blindness Simulator