#af8970 hex color

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

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

● #af8970 color description : Mostly desaturated dark orange.

The hexadecimal color #af8970 has RGB values of R:175, G:137, B:112 and CMYK values of C:0, M:0.22, Y:0.36, K:0.31. Its decimal value is 11503984.

Hex triplet	af8970	`#af8970`
RGB Decimal	175, 137, 112	`rgb(175,137,112)`
RGB Percent	68.6, 53.7, 43.9	`rgb(68.6%,53.7%,43.9%)`
CMYK	0, 22, 36, 31
HSL	23.8°, 28.3, 56.3	`hsl(23.8,28.3%,56.3%)`
HSV (or HSB)	23.8°, 36, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.048, 10.928, 18.943
XYZ	29.549, 28.176, 19.21
xyY	0.384, 0.366, 28.176
CIE-LCH	60.048, 21.869, 60.021
CIE-LUV	60.048, 26.541, 22.687
Hunter-Lab	53.081, 6.475, 15.699
Binary	10101111, 10001001, 01110000

#af8970
```
#af8970 rgb(175,137,112)
```
#7096af
```
#7096af rgb(112,150,175)
```

Complementary Color

#af7077
```
#af7077 rgb(175,112,119)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#afa970
```
#afa970 rgb(175,169,112)
```

Analogous Color

#7077af
```
#7077af rgb(112,119,175)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#70afa9
```
#70afa9 rgb(112,175,169)
```

Split Complementary Color

#8970af
```
#8970af rgb(137,112,175)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#70af89
```
#70af89 rgb(112,175,137)
```

Triadic Color

#af7096
```
#af7096 rgb(175,112,150)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#70af89
```
#70af89 rgb(112,175,137)
```
#7096af
```
#7096af rgb(112,150,175)
```

Tetradic Color

#87634c
```
#87634c rgb(135,99,76)
```
#976f55
```
#976f55 rgb(151,111,85)
```
#a67c60
```
#a67c60 rgb(166,124,96)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#b89680
```
#b89680 rgb(184,150,128)
```
#c1a491
```
#c1a491 rgb(193,164,145)
```
#cab1a1
```
#cab1a1 rgb(202,177,161)
```

Monochromatic Color

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

#af7970
```
#af7970 rgb(175,121,112)
```
#af7f70
```
#af7f70 rgb(175,127,112)
```
#af8470
```
#af8470 rgb(175,132,112)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#af8e70
```
#af8e70 rgb(175,142,112)
```
#af9470
```
#af9470 rgb(175,148,112)
```
#af9970
```
#af9970 rgb(175,153,112)
```

Similar Colors

Text with hexadecimal color #af8970

This text has a font color of #af8970.

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

#af8970 background color

This paragraph has a background color of #af8970.

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

#af8970 border color

This element has a border color of #af8970.

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

CSS codes

.text {color:#af8970;}

.background {background-color:#af8970;}

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

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

#080604
```
#080604 rgb(8,6,4)
```
#150f0b
```
#150f0b rgb(21,15,11)
```
#211813
```
#211813 rgb(33,24,19)
```
#2e221a
```
#2e221a rgb(46,34,26)
```
#3a2b21
```
#3a2b21 rgb(58,43,33)
```
#473428
```
#473428 rgb(71,52,40)
```
#533d2f
```
#533d2f rgb(83,61,47)
```
#604636
```
#604636 rgb(96,70,54)
```
#6d503d
```
#6d503d rgb(109,80,61)
```
#795944
```
#795944 rgb(121,89,68)
```
#86624b
```
#86624b rgb(134,98,75)
```
#926b52
```
#926b52 rgb(146,107,82)
```
#9f7559
```
#9f7559 rgb(159,117,89)
```

Shade Color Variation

#a87f63
```
#a87f63 rgb(168,127,99)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#b6937d
```
#b6937d rgb(182,147,125)
```
#bd9e89
```
#bd9e89 rgb(189,158,137)
```
#c4a896
```
#c4a896 rgb(196,168,150)
```
#cbb3a2
```
#cbb3a2 rgb(203,179,162)
```
#d2bdaf
```
#d2bdaf rgb(210,189,175)
```
#d9c7bb
```
#d9c7bb rgb(217,199,187)
```
#e0d2c8
```
#e0d2c8 rgb(224,210,200)
```
#e7dcd5
```
#e7dcd5 rgb(231,220,213)
```
#eee6e1
```
#eee6e1 rgb(238,230,225)
```
#f5f1ee
```
#f5f1ee rgb(245,241,238)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#958e8a
```
#958e8a rgb(149,142,138)
```
#9e8d81
```
#9e8d81 rgb(158,141,129)
```
#a68b79
```
#a68b79 rgb(166,139,121)
```
#af8970
```
#af8970 rgb(175,137,112)
```
#b88767
```
#b88767 rgb(184,135,103)
```
#c0855f
```
#c0855f rgb(192,133,95)
```
#c98456
```
#c98456 rgb(201,132,86)
```
#d1824e
```
#d1824e rgb(209,130,78)
```
#da8045
```
#da8045 rgb(218,128,69)
```
#e27e3d
```
#e27e3d rgb(226,126,61)
```
#eb7d34
```
#eb7d34 rgb(235,125,52)
```
#f47b2b
```
#f47b2b rgb(244,123,43)
```
#fc7923
```
#fc7923 rgb(252,121,35)
```

Tone Color Variation

Below, you can see how #af8970 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
#98908b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f967a Protanopia 1% of men
#af9076 Deuteranopia 1% of men
#b68a94 Tritanopia 0.001% of the population

Trichromacy

#a59176 Protanomaly 1% of men, 0.01% of women
#af8d74 Deuteranomaly 6% of men, 0.4% of women
#b38a87 Tritanomaly 0.01% of the population

#af8970 hex color

#af8970 Color Information

#af8970 Color Conversion

Color Schemes with #af8970

Alternatives to #af8970

#af8970 Preview

Shades and Tints of #af8970

Tones of #af8970

Color Blindness Simulator