#af7e5d hex color

In a RGB color space, hex #af7e5d is composed of 68.6% red, 49.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 46.9% yellow and 31.4% black. It has a hue angle of 24.1 degrees, a saturation of 33.9% and a lightness of 52.5%. #af7e5d color hex could be obtained by blending #fffcba with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 49
- B 36
RGB color chart
- C 0
- M 28
- Y 47
- K 31
CMYK color chart

● #af7e5d color description : Dark moderate orange.

The hexadecimal color #af7e5d has RGB values of R:175, G:126, B:93 and CMYK values of C:0, M:0.28, Y:0.47, K:0.31. Its decimal value is 11501149.

Hex triplet	af7e5d	`#af7e5d`
RGB Decimal	175, 126, 93	`rgb(175,126,93)`
RGB Percent	68.6, 49.4, 36.5	`rgb(68.6%,49.4%,36.5%)`
CMYK	0, 28, 47, 31
HSL	24.1°, 33.9, 52.5	`hsl(24.1,33.9%,52.5%)`
HSV (or HSB)	24.1°, 46.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.907, 14.901, 25.435
XYZ	27.116, 24.827, 13.719
xyY	0.413, 0.378, 24.827
CIE-LCH	56.907, 29.479, 59.637
CIE-LUV	56.907, 35.722, 28.635
Hunter-Lab	49.827, 9.943, 18.554
Binary	10101111, 01111110, 01011101

#af7e5d
```
#af7e5d rgb(175,126,93)
```
#5d8eaf
```
#5d8eaf rgb(93,142,175)
```

Complementary Color

#af5d65
```
#af5d65 rgb(175,93,101)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#afa75d
```
#afa75d rgb(175,167,93)
```

Analogous Color

#5d65af
```
#5d65af rgb(93,101,175)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#5dafa7
```
#5dafa7 rgb(93,175,167)
```

Split Complementary Color

#7e5daf
```
#7e5daf rgb(126,93,175)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#5daf7e
```
#5daf7e rgb(93,175,126)
```

Triadic Color

#af5d8e
```
#af5d8e rgb(175,93,142)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#5daf7e
```
#5daf7e rgb(93,175,126)
```
#5d8eaf
```
#5d8eaf rgb(93,142,175)
```

Tetradic Color

#80593f
```
#80593f rgb(128,89,63)
```
#916548
```
#916548 rgb(145,101,72)
```
#a27150
```
#a27150 rgb(162,113,80)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#b78c6e
```
#b78c6e rgb(183,140,110)
```
#c0997f
```
#c0997f rgb(192,153,127)
```
#c8a790
```
#c8a790 rgb(200,167,144)
```

Monochromatic Color

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

#af6a5d
```
#af6a5d rgb(175,106,93)
```
#af705d
```
#af705d rgb(175,112,93)
```
#af775d
```
#af775d rgb(175,119,93)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#af855d
```
#af855d rgb(175,133,93)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#af935d
```
#af935d rgb(175,147,93)
```

Similar Colors

Text with hexadecimal color #af7e5d

This text has a font color of #af7e5d.

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

#af7e5d background color

This paragraph has a background color of #af7e5d.

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

#af7e5d border color

This element has a border color of #af7e5d.

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

CSS codes

.text {color:#af7e5d;}

.background {background-color:#af7e5d;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#160f0b
```
#160f0b rgb(22,15,11)
```
#231811
```
#231811 rgb(35,24,17)
```
#302218
```
#302218 rgb(48,34,24)
```
#3d2b1e
```
#3d2b1e rgb(61,43,30)
```
#4a3425
```
#4a3425 rgb(74,52,37)
```
#573d2b
```
#573d2b rgb(87,61,43)
```
#654632
```
#654632 rgb(101,70,50)
```
#724f38
```
#724f38 rgb(114,79,56)
```
#7f593f
```
#7f593f rgb(127,89,63)
```
#8c6245
```
#8c6245 rgb(140,98,69)
```
#996b4c
```
#996b4c rgb(153,107,76)
```
#a67452
```
#a67452 rgb(166,116,82)
```

Shade Color Variation

#af7e5d
```
#af7e5d rgb(175,126,93)
```
#b5886a
```
#b5886a rgb(181,136,106)
```
#bc9377
```
#bc9377 rgb(188,147,119)
```
#c29d84
```
#c29d84 rgb(194,157,132)
```
#c9a892
```
#c9a892 rgb(201,168,146)
```
#cfb29f
```
#cfb29f rgb(207,178,159)
```
#d6bdac
```
#d6bdac rgb(214,189,172)
```
#dcc7b9
```
#dcc7b9 rgb(220,199,185)
```
#e3d2c6
```
#e3d2c6 rgb(227,210,198)
```
#e9dcd3
```
#e9dcd3 rgb(233,220,211)
```
#f0e7e0
```
#f0e7e0 rgb(240,231,224)
```
#f6f1ed
```
#f6f1ed rgb(246,241,237)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#8a8582
```
#8a8582 rgb(138,133,130)
```
#938379
```
#938379 rgb(147,131,121)
```
#9c8270
```
#9c8270 rgb(156,130,112)
```
#a68066
```
#a68066 rgb(166,128,102)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#b87c54
```
#b87c54 rgb(184,124,84)
```
#c27a4a
```
#c27a4a rgb(194,122,74)
```
#cb7941
```
#cb7941 rgb(203,121,65)
```
#d47738
```
#d47738 rgb(212,119,56)
```
#de752e
```
#de752e rgb(222,117,46)
```
#e77325
```
#e77325 rgb(231,115,37)
```
#f0711c
```
#f0711c rgb(240,113,28)
```
#f96f13
```
#f96f13 rgb(249,111,19)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998e69 Protanopia 1% of men
#a98864 Deuteranopia 1% of men
#b67f88 Tritanopia 0.001% of the population

Trichromacy

#a18864 Protanomaly 1% of men, 0.01% of women
#ab8461 Deuteranomaly 6% of men, 0.4% of women
#b37f78 Tritanomaly 0.01% of the population

#af7e5d hex color

#af7e5d Color Information

#af7e5d Color Conversion

Color Schemes with #af7e5d

Alternatives to #af7e5d

#af7e5d Preview

Shades and Tints of #af7e5d

Tones of #af7e5d

Color Blindness Simulator