#af971a hex color

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

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

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

The hexadecimal color #af971a has RGB values of R:175, G:151, B:26 and CMYK values of C:0, M:0.14, Y:0.85, K:0.31. Its decimal value is 11507482.

Hex triplet	af971a	`#af971a`
RGB Decimal	175, 151, 26	`rgb(175,151,26)`
RGB Percent	68.6, 59.2, 10.2	`rgb(68.6%,59.2%,10.2%)`
CMYK	0, 14, 85, 31
HSL	50.3°, 74.1, 39.4	`hsl(50.3,74.1%,39.4%)`
HSV (or HSB)	50.3°, 85.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	62.779, -3.22, 61.898
XYZ	28.933, 31.323, 5.499
xyY	0.44, 0.476, 31.323
CIE-LCH	62.779, 61.982, 92.978
CIE-LUV	62.779, 21.84, 64.281
Hunter-Lab	55.967, -5.665, 33.351
Binary	10101111, 10010111, 00011010

#af971a
```
#af971a rgb(175,151,26)
```
#1a32af
```
#1a32af rgb(26,50,175)
```

Complementary Color

#af4d1a
```
#af4d1a rgb(175,77,26)
```
#af971a
```
#af971a rgb(175,151,26)
```
#7daf1a
```
#7daf1a rgb(125,175,26)
```

Analogous Color

#4d1aaf
```
#4d1aaf rgb(77,26,175)
```
#af971a
```
#af971a rgb(175,151,26)
```
#1a7daf
```
#1a7daf rgb(26,125,175)
```

Split Complementary Color

#971aaf
```
#971aaf rgb(151,26,175)
```
#af971a
```
#af971a rgb(175,151,26)
```
#1aaf97
```
#1aaf97 rgb(26,175,151)
```

Triadic Color

#af1a32
```
#af1a32 rgb(175,26,50)
```
#af971a
```
#af971a rgb(175,151,26)
```
#1aaf97
```
#1aaf97 rgb(26,175,151)
```
#1a32af
```
#1a32af rgb(26,50,175)
```

Tetradic Color

#6c5e10
```
#6c5e10 rgb(108,94,16)
```
#837113
```
#837113 rgb(131,113,19)
```
#998417
```
#998417 rgb(153,132,23)
```
#af971a
```
#af971a rgb(175,151,26)
```
#c5aa1d
```
#c5aa1d rgb(197,170,29)
```
#dbbd21
```
#dbbd21 rgb(219,189,33)
```
#e1c535
```
#e1c535 rgb(225,197,53)
```

Monochromatic Color

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

#af721a
```
#af721a rgb(175,114,26)
```
#af7e1a
```
#af7e1a rgb(175,126,26)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#af971a
```
#af971a rgb(175,151,26)
```
#afa31a
```
#afa31a rgb(175,163,26)
```
#aeaf1a
```
#aeaf1a rgb(174,175,26)
```
#a2af1a
```
#a2af1a rgb(162,175,26)
```

Similar Colors

Text with hexadecimal color #af971a

This text has a font color of #af971a.

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

#af971a background color

This paragraph has a background color of #af971a.

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

#af971a border color

This element has a border color of #af971a.

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

CSS codes

.text {color:#af971a;}

.background {background-color:#af971a;}

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

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)
```
#262106
```
#262106 rgb(38,33,6)
```
#373008
```
#373008 rgb(55,48,8)
```
#493f0b
```
#493f0b rgb(73,63,11)
```
#5a4d0d
```
#5a4d0d rgb(90,77,13)
```
#6b5c10
```
#6b5c10 rgb(107,92,16)
```
#7c6b12
```
#7c6b12 rgb(124,107,18)
```
#8d7a15
```
#8d7a15 rgb(141,122,21)
```
#9e8817
```
#9e8817 rgb(158,136,23)
```
#af971a
```
#af971a rgb(175,151,26)
```
#c0a61d
```
#c0a61d rgb(192,166,29)
```
#d1b41f
```
#d1b41f rgb(209,180,31)
```

Shade Color Variation

#dfc125
```
#dfc125 rgb(223,193,37)
```
#e1c636
```
#e1c636 rgb(225,198,54)
```
#e4cb47
```
#e4cb47 rgb(228,203,71)
```
#e6cf58
```
#e6cf58 rgb(230,207,88)
```
#e9d46a
```
#e9d46a rgb(233,212,106)
```
#ebd97b
```
#ebd97b rgb(235,217,123)
```
#eede8c
```
#eede8c rgb(238,222,140)
```
#f0e39d
```
#f0e39d rgb(240,227,157)
```
#f3e8ae
```
#f3e8ae rgb(243,232,174)
```
#f5edbf
```
#f5edbf rgb(245,237,191)
```
#f8f2d0
```
#f8f2d0 rgb(248,242,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 #c6a703 is the most saturated one.

#696860
```
#696860 rgb(105,104,96)
```
#716d58
```
#716d58 rgb(113,109,88)
```
#797250
```
#797250 rgb(121,114,80)
```
#817848
```
#817848 rgb(129,120,72)
```
#887d41
```
#887d41 rgb(136,125,65)
```
#908239
```
#908239 rgb(144,130,57)
```
#988731
```
#988731 rgb(152,135,49)
```
#a08d29
```
#a08d29 rgb(160,141,41)
```
#a79222
```
#a79222 rgb(167,146,34)
```
#af971a
```
#af971a rgb(175,151,26)
```
#b79c12
```
#b79c12 rgb(183,156,18)
```
#bea10b
```
#bea10b rgb(190,161,11)
```
#c6a703
```
#c6a703 rgb(198,167,3)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#969178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d26 Protanopia 1% of men
#c3952a Deuteranopia 1% of men
#bc929c Tritanopia 0.001% of the population

Trichromacy

#af9b21 Protanomaly 1% of men, 0.01% of women
#bc9624 Deuteranomaly 6% of men, 0.4% of women
#b7946d Tritanomaly 0.01% of the population

#af971a hex color

#af971a Color Information

#af971a Color Conversion

Color Schemes with #af971a

Alternatives to #af971a

#af971a Preview

Shades and Tints of #af971a

Tones of #af971a

Color Blindness Simulator