#af972d hex color

In a RGB color space, hex #af972d is composed of 68.6% red, 59.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 74.3% yellow and 31.4% black. It has a hue angle of 48.9 degrees, a saturation of 59.1% and a lightness of 43.1%. #af972d color hex could be obtained by blending #ffff5a with #5f2f00. Closest websafe color is: #999933.

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

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

The hexadecimal color #af972d has RGB values of R:175, G:151, B:45 and CMYK values of C:0, M:0.14, Y:0.74, K:0.31. Its decimal value is 11507501.

Hex triplet	af972d	`#af972d`
RGB Decimal	175, 151, 45	`rgb(175,151,45)`
RGB Percent	68.6, 59.2, 17.6	`rgb(68.6%,59.2%,17.6%)`
CMYK	0, 14, 74, 31
HSL	48.9°, 59.1, 43.1	`hsl(48.9,59.1%,43.1%)`
HSV (or HSB)	48.9°, 74.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	62.875, -2.525, 55.828
XYZ	29.22, 31.438, 7.011
xyY	0.432, 0.465, 31.438
CIE-LCH	62.875, 55.885, 92.59
CIE-LUV	62.875, 21.369, 60.388
Hunter-Lab	56.069, -5.099, 31.834
Binary	10101111, 10010111, 00101101

#af972d
```
#af972d rgb(175,151,45)
```
#2d45af
```
#2d45af rgb(45,69,175)
```

Complementary Color

#af562d
```
#af562d rgb(175,86,45)
```
#af972d
```
#af972d rgb(175,151,45)
```
#86af2d
```
#86af2d rgb(134,175,45)
```

Analogous Color

#562daf
```
#562daf rgb(86,45,175)
```
#af972d
```
#af972d rgb(175,151,45)
```
#2d86af
```
#2d86af rgb(45,134,175)
```

Split Complementary Color

#972daf
```
#972daf rgb(151,45,175)
```
#af972d
```
#af972d rgb(175,151,45)
```
#2daf97
```
#2daf97 rgb(45,175,151)
```

Triadic Color

#af2d45
```
#af2d45 rgb(175,45,69)
```
#af972d
```
#af972d rgb(175,151,45)
```
#2daf97
```
#2daf97 rgb(45,175,151)
```
#2d45af
```
#2d45af rgb(45,69,175)
```

Tetradic Color

#72621d
```
#72621d rgb(114,98,29)
```
#867423
```
#867423 rgb(134,116,35)
```
#9b8528
```
#9b8528 rgb(155,133,40)
```
#af972d
```
#af972d rgb(175,151,45)
```
#c3a932
```
#c3a932 rgb(195,169,50)
```
#ceb441
```
#ceb441 rgb(206,180,65)
```
#d3bc55
```
#d3bc55 rgb(211,188,85)
```

Monochromatic Color

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

#af772d
```
#af772d rgb(175,119,45)
```
#af812d
```
#af812d rgb(175,129,45)
```
#af8c2d
```
#af8c2d rgb(175,140,45)
```
#af972d
```
#af972d rgb(175,151,45)
```
#afa22d
```
#afa22d rgb(175,162,45)
```
#afad2d
```
#afad2d rgb(175,173,45)
```
#a7af2d
```
#a7af2d rgb(167,175,45)
```

Similar Colors

Text with hexadecimal color #af972d

This text has a font color of #af972d.

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

#af972d background color

This paragraph has a background color of #af972d.

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

#af972d border color

This element has a border color of #af972d.

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

CSS codes

.text {color:#af972d;}

.background {background-color:#af972d;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#131005
```
#131005 rgb(19,16,5)
```
#231e09
```
#231e09 rgb(35,30,9)
```
#322b0d
```
#322b0d rgb(50,43,13)
```
#423911
```
#423911 rgb(66,57,17)
```
#514615
```
#514615 rgb(81,70,21)
```
#615419
```
#615419 rgb(97,84,25)
```
#71611d
```
#71611d rgb(113,97,29)
```
#806f21
```
#806f21 rgb(128,111,33)
```
#907c25
```
#907c25 rgb(144,124,37)
```
#9f8a29
```
#9f8a29 rgb(159,138,41)
```
#af972d
```
#af972d rgb(175,151,45)
```
#bfa431
```
#bfa431 rgb(191,164,49)
```

Shade Color Variation

#ccb038
```
#ccb038 rgb(204,176,56)
```
#d0b747
```
#d0b747 rgb(208,183,71)
```
#d4bd57
```
#d4bd57 rgb(212,189,87)
```
#d8c366
```
#d8c366 rgb(216,195,102)
```
#dcc976
```
#dcc976 rgb(220,201,118)
```
#e0cf86
```
#e0cf86 rgb(224,207,134)
```
#e4d595
```
#e4d595 rgb(228,213,149)
```
#e8dba5
```
#e8dba5 rgb(232,219,165)
```
#ece2b4
```
#ece2b4 rgb(236,226,180)
```
#f0e8c4
```
#f0e8c4 rgb(240,232,196)
```
#f4eed4
```
#f4eed4 rgb(244,238,212)
```
#f8f4e3
```
#f8f4e3 rgb(248,244,227)
```
#fcfaf3
```
#fcfaf3 rgb(252,250,243)
```

Tint Color Variation

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

#747268
```
#747268 rgb(116,114,104)
```
#7c7760
```
#7c7760 rgb(124,119,96)
```
#857c57
```
#857c57 rgb(133,124,87)
```
#8d824f
```
#8d824f rgb(141,130,79)
```
#968746
```
#968746 rgb(150,135,70)
```
#9e8c3e
```
#9e8c3e rgb(158,140,62)
```
#a79235
```
#a79235 rgb(167,146,53)
```
#af972d
```
#af972d rgb(175,151,45)
```
#b79c25
```
#b79c25 rgb(183,156,37)
```
#c0a21c
```
#c0a21c rgb(192,162,28)
```
#c8a714
```
#c8a714 rgb(200,167,20)
```
#d1ac0b
```
#d1ac0b rgb(209,172,11)
```
#d9b203
```
#d9b203 rgb(217,178,3)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#98937e Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d38 Protanopia 1% of men
#c2963a Deuteranopia 1% of men
#bb929d Tritanopia 0.001% of the population

Trichromacy

#af9b34 Protanomaly 1% of men, 0.01% of women
#bb9635 Deuteranomaly 6% of men, 0.4% of women
#b79474 Tritanomaly 0.01% of the population

#af972d hex color

#af972d Color Information

#af972d Color Conversion

Color Schemes with #af972d

Alternatives to #af972d

#af972d Preview

Shades and Tints of #af972d

Tones of #af972d

Color Blindness Simulator