#afa970 hex color

In a RGB color space, hex #afa970 is composed of 68.6% red, 66.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 36% yellow and 31.4% black. It has a hue angle of 54.3 degrees, a saturation of 28.3% and a lightness of 56.3%. #afa970 color hex could be obtained by blending #ffffe0 with #5f5300. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 66
- B 44
RGB color chart
- C 0
- M 3
- Y 36
- K 31
CMYK color chart

● #afa970 color description : Mostly desaturated dark yellow.

The hexadecimal color #afa970 has RGB values of R:175, G:169, B:112 and CMYK values of C:0, M:0.03, Y:0.36, K:0.31. Its decimal value is 11512176.

Hex triplet	afa970	`#afa970`
RGB Decimal	175, 169, 112	`rgb(175,169,112)`
RGB Percent	68.6, 66.3, 43.9	`rgb(68.6%,66.3%,43.9%)`
CMYK	0, 3, 36, 31
HSL	54.3°, 28.3, 56.3	`hsl(54.3,28.3%,56.3%)`
HSV (or HSB)	54.3°, 36, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.504, -6.574, 30.221
XYZ	34.791, 38.66, 20.958
xyY	0.369, 0.409, 38.66
CIE-LCH	68.504, 30.928, 102.273
CIE-LUV	68.504, 6.724, 40.235
Hunter-Lab	62.177, -8.931, 23.54
Binary	10101111, 10101001, 01110000

#afa970
```
#afa970 rgb(175,169,112)
```
#7076af
```
#7076af rgb(112,118,175)
```

Complementary Color

#af8a70
```
#af8a70 rgb(175,138,112)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#96af70
```
#96af70 rgb(150,175,112)
```

Analogous Color

#8a70af
```
#8a70af rgb(138,112,175)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#7096af
```
#7096af rgb(112,150,175)
```

Split Complementary Color

#a970af
```
#a970af rgb(169,112,175)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#70afa9
```
#70afa9 rgb(112,175,169)
```

Triadic Color

#af7076
```
#af7076 rgb(175,112,118)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#70afa9
```
#70afa9 rgb(112,175,169)
```
#7076af
```
#7076af rgb(112,118,175)
```

Tetradic Color

#87814c
```
#87814c rgb(135,129,76)
```
#979155
```
#979155 rgb(151,145,85)
```
#a69f60
```
#a69f60 rgb(166,159,96)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#b8b380
```
#b8b380 rgb(184,179,128)
```
#c1bd91
```
#c1bd91 rgb(193,189,145)
```
#cac7a1
```
#cac7a1 rgb(202,199,161)
```

Monochromatic Color

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

#af9970
```
#af9970 rgb(175,153,112)
```
#af9f70
```
#af9f70 rgb(175,159,112)
```
#afa470
```
#afa470 rgb(175,164,112)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#afae70
```
#afae70 rgb(175,174,112)
```
#abaf70
```
#abaf70 rgb(171,175,112)
```
#a5af70
```
#a5af70 rgb(165,175,112)
```

Similar Colors

Text with hexadecimal color #afa970

This text has a font color of #afa970.

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

#afa970 background color

This paragraph has a background color of #afa970.

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

#afa970 border color

This element has a border color of #afa970.

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

CSS codes

.text {color:#afa970;}

.background {background-color:#afa970;}

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

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

#080804
```
#080804 rgb(8,8,4)
```
#15140b
```
#15140b rgb(21,20,11)
```
#212013
```
#212013 rgb(33,32,19)
```
#2e2c1a
```
#2e2c1a rgb(46,44,26)
```
#3a3821
```
#3a3821 rgb(58,56,33)
```
#474428
```
#474428 rgb(71,68,40)
```
#53502f
```
#53502f rgb(83,80,47)
```
#605c36
```
#605c36 rgb(96,92,54)
```
#6d683d
```
#6d683d rgb(109,104,61)
```
#797444
```
#797444 rgb(121,116,68)
```
#86804b
```
#86804b rgb(134,128,75)
```
#928c52
```
#928c52 rgb(146,140,82)
```
#9f9859
```
#9f9859 rgb(159,152,89)
```

Shade Color Variation

#a8a163
```
#a8a163 rgb(168,161,99)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#b6b17d
```
#b6b17d rgb(182,177,125)
```
#bdb889
```
#bdb889 rgb(189,184,137)
```
#c4c096
```
#c4c096 rgb(196,192,150)
```
#cbc7a2
```
#cbc7a2 rgb(203,199,162)
```
#d2cfaf
```
#d2cfaf rgb(210,207,175)
```
#d9d6bb
```
#d9d6bb rgb(217,214,187)
```
#e0dec8
```
#e0dec8 rgb(224,222,200)
```
#e7e6d5
```
#e7e6d5 rgb(231,230,213)
```
#eeede1
```
#eeede1 rgb(238,237,225)
```
#f5f5ee
```
#f5f5ee rgb(245,245,238)
```
#fcfcfa
```
#fcfcfa rgb(252,252,250)
```

Tint Color Variation

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

#95948a
```
#95948a rgb(149,148,138)
```
#9e9b81
```
#9e9b81 rgb(158,155,129)
```
#a6a279
```
#a6a279 rgb(166,162,121)
```
#afa970
```
#afa970 rgb(175,169,112)
```
#b8b067
```
#b8b067 rgb(184,176,103)
```
#c0b75f
```
#c0b75f rgb(192,183,95)
```
#c9be56
```
#c9be56 rgb(201,190,86)
```
#d1c54e
```
#d1c54e rgb(209,197,78)
```
#dacc45
```
#dacc45 rgb(218,204,69)
```
#e2d33d
```
#e2d33d rgb(226,211,61)
```
#ebda34
```
#ebda34 rgb(235,218,52)
```
#f4e12b
```
#f4e12b rgb(244,225,43)
```
#fce723
```
#fce723 rgb(252,231,35)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a59a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ab76 Protanopia 1% of men
#cba47a Deuteranopia 1% of men
#baa6b1 Tritanopia 0.001% of the population

Trichromacy

#b5aa74 Protanomaly 1% of men, 0.01% of women
#c1a676 Deuteranomaly 6% of men, 0.4% of women
#b6a799 Tritanomaly 0.01% of the population

#afa970 hex color

#afa970 Color Information

#afa970 Color Conversion

Color Schemes with #afa970

Alternatives to #afa970

#afa970 Preview

Shades and Tints of #afa970

Tones of #afa970

Color Blindness Simulator