#af7c5d hex color

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

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

● #af7c5d color description : Dark moderate orange.

The hexadecimal color #af7c5d has RGB values of R:175, G:124, B:93 and CMYK values of C:0, M:0.29, Y:0.47, K:0.31. Its decimal value is 11500637.

Hex triplet	af7c5d	`#af7c5d`
RGB Decimal	175, 124, 93	`rgb(175,124,93)`
RGB Percent	68.6, 48.6, 36.5	`rgb(68.6%,48.6%,36.5%)`
CMYK	0, 29, 47, 31
HSL	22.7°, 33.9, 52.5	`hsl(22.7,33.9%,52.5%)`
HSV (or HSB)	22.7°, 46.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.408, 16.024, 24.781
XYZ	26.863, 24.321, 13.635
xyY	0.414, 0.375, 24.321
CIE-LCH	56.408, 29.51, 57.112
CIE-LUV	56.408, 37.072, 27.623
Hunter-Lab	49.316, 10.926, 18.129
Binary	10101111, 01111100, 01011101

#af7c5d
```
#af7c5d rgb(175,124,93)
```
#5d90af
```
#5d90af rgb(93,144,175)
```

Complementary Color

#af5d67
```
#af5d67 rgb(175,93,103)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#afa55d
```
#afa55d rgb(175,165,93)
```

Analogous Color

#5d67af
```
#5d67af rgb(93,103,175)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#5dafa5
```
#5dafa5 rgb(93,175,165)
```

Split Complementary Color

#7c5daf
```
#7c5daf rgb(124,93,175)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#5daf7c
```
#5daf7c rgb(93,175,124)
```

Triadic Color

#af5d90
```
#af5d90 rgb(175,93,144)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#5daf7c
```
#5daf7c rgb(93,175,124)
```
#5d90af
```
#5d90af rgb(93,144,175)
```

Tetradic Color

#80583f
```
#80583f rgb(128,88,63)
```
#916448
```
#916448 rgb(145,100,72)
```
#a26f50
```
#a26f50 rgb(162,111,80)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#b78a6e
```
#b78a6e rgb(183,138,110)
```
#c0987f
```
#c0987f rgb(192,152,127)
```
#c8a590
```
#c8a590 rgb(200,165,144)
```

Monochromatic Color

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

#af685d
```
#af685d rgb(175,104,93)
```
#af6e5d
```
#af6e5d rgb(175,110,93)
```
#af755d
```
#af755d rgb(175,117,93)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#af835d
```
#af835d rgb(175,131,93)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#af915d
```
#af915d rgb(175,145,93)
```

Similar Colors

Text with hexadecimal color #af7c5d

This text has a font color of #af7c5d.

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

#af7c5d background color

This paragraph has a background color of #af7c5d.

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

#af7c5d border color

This element has a border color of #af7c5d.

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

CSS codes

.text {color:#af7c5d;}

.background {background-color:#af7c5d;}

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

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)
```
#302118
```
#302118 rgb(48,33,24)
```
#3d2a1e
```
#3d2a1e rgb(61,42,30)
```
#4a3325
```
#4a3325 rgb(74,51,37)
```
#573c2b
```
#573c2b rgb(87,60,43)
```
#654532
```
#654532 rgb(101,69,50)
```
#724e38
```
#724e38 rgb(114,78,56)
```
#7f573f
```
#7f573f rgb(127,87,63)
```
#8c6045
```
#8c6045 rgb(140,96,69)
```
#99694c
```
#99694c rgb(153,105,76)
```
#a67252
```
#a67252 rgb(166,114,82)
```

Shade Color Variation

#af7c5d
```
#af7c5d rgb(175,124,93)
```
#b5876a
```
#b5876a rgb(181,135,106)
```
#bc9177
```
#bc9177 rgb(188,145,119)
```
#c29c84
```
#c29c84 rgb(194,156,132)
```
#c9a692
```
#c9a692 rgb(201,166,146)
```
#cfb19f
```
#cfb19f rgb(207,177,159)
```
#d6bcac
```
#d6bcac rgb(214,188,172)
```
#dcc6b9
```
#dcc6b9 rgb(220,198,185)
```
#e3d1c6
```
#e3d1c6 rgb(227,209,198)
```
#e9dcd3
```
#e9dcd3 rgb(233,220,211)
```
#f0e6e0
```
#f0e6e0 rgb(240,230,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 #f96a13 is the most saturated one.

#8a8582
```
#8a8582 rgb(138,133,130)
```
#938379
```
#938379 rgb(147,131,121)
```
#9c8170
```
#9c8170 rgb(156,129,112)
```
#a67e66
```
#a67e66 rgb(166,126,102)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#b87a54
```
#b87a54 rgb(184,122,84)
```
#c2774a
```
#c2774a rgb(194,119,74)
```
#cb7541
```
#cb7541 rgb(203,117,65)
```
#d47338
```
#d47338 rgb(212,115,56)
```
#de712e
```
#de712e rgb(222,113,46)
```
#e76e25
```
#e76e25 rgb(231,110,37)
```
#f06c1c
```
#f06c1c rgb(240,108,28)
```
#f96a13
```
#f96a13 rgb(249,106,19)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#90867f Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d69 Protanopia 1% of men
#a78764 Deuteranopia 1% of men
#b67e86 Tritanopia 0.001% of the population

Trichromacy

#a08765 Protanomaly 1% of men, 0.01% of women
#aa8361 Deuteranomaly 6% of men, 0.4% of women
#b37d77 Tritanomaly 0.01% of the population

#af7c5d hex color

#af7c5d Color Information

#af7c5d Color Conversion

Color Schemes with #af7c5d

Alternatives to #af7c5d

#af7c5d Preview

Shades and Tints of #af7c5d

Tones of #af7c5d

Color Blindness Simulator