#af896d hex color

In a RGB color space, hex #af896d is composed of 68.6% red, 53.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 37.7% yellow and 31.4% black. It has a hue angle of 25.5 degrees, a saturation of 29.2% and a lightness of 55.7%. #af896d color hex could be obtained by blending #ffffda with #5f1300. Closest websafe color is: #999966.

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

● #af896d color description : Mostly desaturated dark orange.

The hexadecimal color #af896d has RGB values of R:175, G:137, B:109 and CMYK values of C:0, M:0.22, Y:0.38, K:0.31. Its decimal value is 11503981.

Hex triplet	af896d	`#af896d`
RGB Decimal	175, 137, 109	`rgb(175,137,109)`
RGB Percent	68.6, 53.7, 42.7	`rgb(68.6%,53.7%,42.7%)`
CMYK	0, 22, 38, 31
HSL	25.5°, 29.2, 55.7	`hsl(25.5,29.2%,55.7%)`
HSV (or HSB)	25.5°, 37.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.988, 10.554, 20.551
XYZ	29.385, 28.111, 18.345
xyY	0.387, 0.371, 28.111
CIE-LCH	59.988, 23.103, 62.817
CIE-LUV	59.988, 26.84, 24.624
Hunter-Lab	53.019, 6.147, 16.599
Binary	10101111, 10001001, 01101101

#af896d
```
#af896d rgb(175,137,109)
```
#6d93af
```
#6d93af rgb(109,147,175)
```

Complementary Color

#af6d72
```
#af6d72 rgb(175,109,114)
```
#af896d
```
#af896d rgb(175,137,109)
```
#afaa6d
```
#afaa6d rgb(175,170,109)
```

Analogous Color

#6d72af
```
#6d72af rgb(109,114,175)
```
#af896d
```
#af896d rgb(175,137,109)
```
#6dafaa
```
#6dafaa rgb(109,175,170)
```

Split Complementary Color

#896daf
```
#896daf rgb(137,109,175)
```
#af896d
```
#af896d rgb(175,137,109)
```
#6daf89
```
#6daf89 rgb(109,175,137)
```

Triadic Color

#af6d93
```
#af6d93 rgb(175,109,147)
```
#af896d
```
#af896d rgb(175,137,109)
```
#6daf89
```
#6daf89 rgb(109,175,137)
```
#6d93af
```
#6d93af rgb(109,147,175)
```

Tetradic Color

#866349
```
#866349 rgb(134,99,73)
```
#976f52
```
#976f52 rgb(151,111,82)
```
#a67c5d
```
#a67c5d rgb(166,124,93)
```
#af896d
```
#af896d rgb(175,137,109)
```
#b8967d
```
#b8967d rgb(184,150,125)
```
#c1a48e
```
#c1a48e rgb(193,164,142)
```
#cab19e
```
#cab19e rgb(202,177,158)
```

Monochromatic Color

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

#af796d
```
#af796d rgb(175,121,109)
```
#af7e6d
```
#af7e6d rgb(175,126,109)
```
#af846d
```
#af846d rgb(175,132,109)
```
#af896d
```
#af896d rgb(175,137,109)
```
#af8f6d
```
#af8f6d rgb(175,143,109)
```
#af946d
```
#af946d rgb(175,148,109)
```
#af9a6d
```
#af9a6d rgb(175,154,109)
```

Similar Colors

Text with hexadecimal color #af896d

This text has a font color of #af896d.

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

#af896d background color

This paragraph has a background color of #af896d.

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

#af896d border color

This element has a border color of #af896d.

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

CSS codes

.text {color:#af896d;}

.background {background-color:#af896d;}

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

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

#060403
```
#060403 rgb(6,4,3)
```
#130e0a
```
#130e0a rgb(19,14,10)
```
#1f1711
```
#1f1711 rgb(31,23,17)
```
#2c2118
```
#2c2118 rgb(44,33,24)
```
#392a1f
```
#392a1f rgb(57,42,31)
```
#453326
```
#453326 rgb(69,51,38)
```
#523d2d
```
#523d2d rgb(82,61,45)
```
#5f4634
```
#5f4634 rgb(95,70,52)
```
#6b4f3b
```
#6b4f3b rgb(107,79,59)
```
#785942
```
#785942 rgb(120,89,66)
```
#856249
```
#856249 rgb(133,98,73)
```
#916c50
```
#916c50 rgb(145,108,80)
```
#9e7557
```
#9e7557 rgb(158,117,87)
```

Shade Color Variation

#a87f60
```
#a87f60 rgb(168,127,96)
```
#af896d
```
#af896d rgb(175,137,109)
```
#b6937a
```
#b6937a rgb(182,147,122)
```
#bd9d86
```
#bd9d86 rgb(189,157,134)
```
#c4a893
```
#c4a893 rgb(196,168,147)
```
#cbb2a0
```
#cbb2a0 rgb(203,178,160)
```
#d2bcac
```
#d2bcac rgb(210,188,172)
```
#d9c6b9
```
#d9c6b9 rgb(217,198,185)
```
#e0d1c6
```
#e0d1c6 rgb(224,209,198)
```
#e7dbd2
```
#e7dbd2 rgb(231,219,210)
```
#ede5df
```
#ede5df rgb(237,229,223)
```
#f4efec
```
#f4efec rgb(244,239,236)
```
#fbfaf8
```
#fbfaf8 rgb(251,250,248)
```

Tint Color Variation

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

#958d87
```
#958d87 rgb(149,141,135)
```
#9e8c7e
```
#9e8c7e rgb(158,140,126)
```
#a68a76
```
#a68a76 rgb(166,138,118)
```
#af896d
```
#af896d rgb(175,137,109)
```
#b88864
```
#b88864 rgb(184,136,100)
```
#c0865c
```
#c0865c rgb(192,134,92)
```
#c98553
```
#c98553 rgb(201,133,83)
```
#d2844a
```
#d2844a rgb(210,132,74)
```
#da8242
```
#da8242 rgb(218,130,66)
```
#e38139
```
#e38139 rgb(227,129,57)
```
#ec8030
```
#ec8030 rgb(236,128,48)
```
#f57e27
```
#f57e27 rgb(245,126,39)
```
#fd7d1f
```
#fd7d1f rgb(253,125,31)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#978f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9677 Protanopia 1% of men
#af9074 Deuteranopia 1% of men
#b68a94 Tritanopia 0.001% of the population

Trichromacy

#a59173 Protanomaly 1% of men, 0.01% of women
#af8d71 Deuteranomaly 6% of men, 0.4% of women
#b38a86 Tritanomaly 0.01% of the population

#af896d hex color

#af896d Color Information

#af896d Color Conversion

Color Schemes with #af896d

Alternatives to #af896d

#af896d Preview

Shades and Tints of #af896d

Tones of #af896d

Color Blindness Simulator