#af974a hex color

In a RGB color space, hex #af974a is composed of 68.6% red, 59.2% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 57.7% yellow and 31.4% black. It has a hue angle of 45.7 degrees, a saturation of 40.6% and a lightness of 48.8%. #af974a color hex could be obtained by blending #ffff94 with #5f2f00. Closest websafe color is: #999933.

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

● #af974a color description : Dark moderate yellow.

The hexadecimal color #af974a has RGB values of R:175, G:151, B:74 and CMYK values of C:0, M:0.14, Y:0.58, K:0.31. Its decimal value is 11507530.

Hex triplet	af974a	`#af974a`
RGB Decimal	175, 151, 74	`rgb(175,151,74)`
RGB Percent	68.6, 59.2, 29	`rgb(68.6%,59.2%,29%)`
CMYK	0, 14, 58, 31
HSL	45.7°, 40.6, 48.8	`hsl(45.7,40.6%,48.8%)`
HSV (or HSB)	45.7°, 57.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	63.13, -0.711, 43.209
XYZ	29.982, 31.743, 11.026
xyY	0.412, 0.436, 31.743
CIE-LCH	63.13, 43.215, 90.943
CIE-LUV	63.13, 20.172, 50.467
Hunter-Lab	56.341, -3.606, 27.835
Binary	10101111, 10010111, 01001010

#af974a
```
#af974a rgb(175,151,74)
```
#4a62af
```
#4a62af rgb(74,98,175)
```

Complementary Color

#af654a
```
#af654a rgb(175,101,74)
```
#af974a
```
#af974a rgb(175,151,74)
```
#95af4a
```
#95af4a rgb(149,175,74)
```

Analogous Color

#654aaf
```
#654aaf rgb(101,74,175)
```
#af974a
```
#af974a rgb(175,151,74)
```
#4a95af
```
#4a95af rgb(74,149,175)
```

Split Complementary Color

#974aaf
```
#974aaf rgb(151,74,175)
```
#af974a
```
#af974a rgb(175,151,74)
```
#4aaf97
```
#4aaf97 rgb(74,175,151)
```

Triadic Color

#af4a62
```
#af4a62 rgb(175,74,98)
```
#af974a
```
#af974a rgb(175,151,74)
```
#4aaf97
```
#4aaf97 rgb(74,175,151)
```
#4a62af
```
#4a62af rgb(74,98,175)
```

Tetradic Color

#796933
```
#796933 rgb(121,105,51)
```
#8b783b
```
#8b783b rgb(139,120,59)
```
#9d8842
```
#9d8842 rgb(157,136,66)
```
#af974a
```
#af974a rgb(175,151,74)
```
#b9a259
```
#b9a259 rgb(185,162,89)
```
#c1ac6b
```
#c1ac6b rgb(193,172,107)
```
#c8b67d
```
#c8b67d rgb(200,182,125)
```

Monochromatic Color

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

#af7e4a
```
#af7e4a rgb(175,126,74)
```
#af864a
```
#af864a rgb(175,134,74)
```
#af8f4a
```
#af8f4a rgb(175,143,74)
```
#af974a
```
#af974a rgb(175,151,74)
```
#af9f4a
```
#af9f4a rgb(175,159,74)
```
#afa84a
```
#afa84a rgb(175,168,74)
```
#aeaf4a
```
#aeaf4a rgb(174,175,74)
```

Similar Colors

Text with hexadecimal color #af974a

This text has a font color of #af974a.

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

#af974a background color

This paragraph has a background color of #af974a.

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

#af974a border color

This element has a border color of #af974a.

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

CSS codes

.text {color:#af974a;}

.background {background-color:#af974a;}

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

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, #0a0804 is the darkest color, while #fdfdfb is the lightest one.

#0a0804
```
#0a0804 rgb(10,8,4)
```
#17140a
```
#17140a rgb(23,20,10)
```
#252010
```
#252010 rgb(37,32,16)
```
#332c16
```
#332c16 rgb(51,44,22)
```
#41381b
```
#41381b rgb(65,56,27)
```
#4e4421
```
#4e4421 rgb(78,68,33)
```
#5c5027
```
#5c5027 rgb(92,80,39)
```
#6a5c2d
```
#6a5c2d rgb(106,92,45)
```
#786733
```
#786733 rgb(120,103,51)
```
#867339
```
#867339 rgb(134,115,57)
```
#937f3e
```
#937f3e rgb(147,127,62)
```
#a18b44
```
#a18b44 rgb(161,139,68)
```
#af974a
```
#af974a rgb(175,151,74)
```

Shade Color Variation

#b7a055
```
#b7a055 rgb(183,160,85)
```
#bda863
```
#bda863 rgb(189,168,99)
```
#c3af71
```
#c3af71 rgb(195,175,113)
```
#c9b77f
```
#c9b77f rgb(201,183,127)
```
#cfbf8c
```
#cfbf8c rgb(207,191,140)
```
#d4c79a
```
#d4c79a rgb(212,199,154)
```
#dacea8
```
#dacea8 rgb(218,206,168)
```
#e0d6b6
```
#e0d6b6 rgb(224,214,182)
```
#e6dec4
```
#e6dec4 rgb(230,222,196)
```
#ece5d1
```
#ece5d1 rgb(236,229,209)
```
#f2eddf
```
#f2eddf rgb(242,237,223)
```
#f7f5ed
```
#f7f5ed rgb(247,245,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#7f7e7a
```
#7f7e7a rgb(127,126,122)
```
#898370
```
#898370 rgb(137,131,112)
```
#928867
```
#928867 rgb(146,136,103)
```
#9c8d5d
```
#9c8d5d rgb(156,141,93)
```
#a59254
```
#a59254 rgb(165,146,84)
```
#af974a
```
#af974a rgb(175,151,74)
```
#b99c40
```
#b99c40 rgb(185,156,64)
```
#c2a137
```
#c2a137 rgb(194,161,55)
```
#cca62d
```
#cca62d rgb(204,166,45)
```
#d5ab24
```
#d5ab24 rgb(213,171,36)
```
#dfb01a
```
#dfb01a rgb(223,176,26)
```
#e8b511
```
#e8b511 rgb(232,181,17)
```
#f2ba07
```
#f2ba07 rgb(242,186,7)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9a9586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9e54 Protanopia 1% of men
#c09755 Deuteranopia 1% of men
#ba949e Tritanopia 0.001% of the population

Trichromacy

#ae9b50 Protanomaly 1% of men, 0.01% of women
#ba9751 Deuteranomaly 6% of men, 0.4% of women
#b6957f Tritanomaly 0.01% of the population

#af974a hex color

#af974a Color Information

#af974a Color Conversion

Color Schemes with #af974a

Alternatives to #af974a

#af974a Preview

Shades and Tints of #af974a

Tones of #af974a

Color Blindness Simulator