#af5d56 hex color

In a RGB color space, hex #af5d56 is composed of 68.6% red, 36.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 4.7 degrees, a saturation of 35.7% and a lightness of 51.2%. #af5d56 color hex could be obtained by blending #ffbaac with #5f0000. Closest websafe color is: #996666.

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

● #af5d56 color description : Dark moderate red.

The hexadecimal color #af5d56 has RGB values of R:175, G:93, B:86 and CMYK values of C:0, M:0.47, Y:0.51, K:0.31. Its decimal value is 11492694.

Hex triplet	af5d56	`#af5d56`
RGB Decimal	175, 93, 86	`rgb(175,93,86)`
RGB Percent	68.6, 36.5, 33.7	`rgb(68.6%,36.5%,33.7%)`
CMYK	0, 47, 51, 31
HSL	4.7°, 35.7, 51.2	`hsl(4.7,35.7%,51.2%)`
HSV (or HSB)	4.7°, 50.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	49.027, 32.518, 19.03
XYZ	23.274, 17.616, 10.978
xyY	0.449, 0.34, 17.616
CIE-LCH	49.027, 37.677, 30.336
CIE-LUV	49.027, 59.064, 16.84
Hunter-Lab	41.972, 25.529, 13.872
Binary	10101111, 01011101, 01010110

#af5d56
```
#af5d56 rgb(175,93,86)
```
#56a8af
```
#56a8af rgb(86,168,175)
```

Complementary Color

#af567c
```
#af567c rgb(175,86,124)
```
#af5d56
```
#af5d56 rgb(175,93,86)
```
#af8a56
```
#af8a56 rgb(175,138,86)
```

Analogous Color

#567caf
```
#567caf rgb(86,124,175)
```
#af5d56
```
#af5d56 rgb(175,93,86)
```
#56af8a
```
#56af8a rgb(86,175,138)
```

Split Complementary Color

#5d56af
```
#5d56af rgb(93,86,175)
```
#af5d56
```
#af5d56 rgb(175,93,86)
```
#56af5d
```
#56af5d rgb(86,175,93)
```

Triadic Color

#af56a8
```
#af56a8 rgb(175,86,168)
```
#af5d56
```
#af5d56 rgb(175,93,86)
```
#56af5d
```
#56af5d rgb(86,175,93)
```
#56a8af
```
#56a8af rgb(86,168,175)
```

Tetradic Color

#7d403b
```
#7d403b rgb(125,64,59)
```
#8f4943
```
#8f4943 rgb(143,73,67)
```
#a0524c
```
#a0524c rgb(160,82,76)
```
#af5d56
```
#af5d56 rgb(175,93,86)
```
#b76e67
```
#b76e67 rgb(183,110,103)
```
#bf7e79
```
#bf7e79 rgb(191,126,121)
```
#c88f8a
```
#c88f8a rgb(200,143,138)
```

Monochromatic Color

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

#af5665
```
#af5665 rgb(175,86,101)
```
#af565e
```
#af565e rgb(175,86,94)
```
#af5656
```
#af5656 rgb(175,86,86)
```
#af5d56
```
#af5d56 rgb(175,93,86)
```
#af6456
```
#af6456 rgb(175,100,86)
```
#af6c56
```
#af6c56 rgb(175,108,86)
```
#af7356
```
#af7356 rgb(175,115,86)
```

Similar Colors

Text with hexadecimal color #af5d56

This text has a font color of #af5d56.

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

#af5d56 background color

This paragraph has a background color of #af5d56.

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

#af5d56 border color

This element has a border color of #af5d56.

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

CSS codes

.text {color:#af5d56;}

.background {background-color:#af5d56;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#110908
```
#110908 rgb(17,9,8)
```
#1f100f
```
#1f100f rgb(31,16,15)
```
#2c1715
```
#2c1715 rgb(44,23,21)
```
#391e1b
```
#391e1b rgb(57,30,27)
```
#472421
```
#472421 rgb(71,36,33)
```
#542b28
```
#542b28 rgb(84,43,40)
```
#61322e
```
#61322e rgb(97,50,46)
```
#6f3934
```
#6f3934 rgb(111,57,52)
```
#7c403b
```
#7c403b rgb(124,64,59)
```
#894741
```
#894741 rgb(137,71,65)
```
#974d47
```
#974d47 rgb(151,77,71)
```
#a4544e
```
#a4544e rgb(164,84,78)
```

Shade Color Variation

#af5d56
```
#af5d56 rgb(175,93,86)
```
#b56a63
```
#b56a63 rgb(181,106,99)
```
#bc7771
```
#bc7771 rgb(188,119,113)
```
#c2837e
```
#c2837e rgb(194,131,126)
```
#c8908b
```
#c8908b rgb(200,144,139)
```
#cf9d99
```
#cf9d99 rgb(207,157,153)
```
#d5aaa6
```
#d5aaa6 rgb(213,170,166)
```
#dbb6b3
```
#dbb6b3 rgb(219,182,179)
```
#e1c3c1
```
#e1c3c1 rgb(225,195,193)
```
#e8d0ce
```
#e8d0ce rgb(232,208,206)
```
#eedddb
```
#eedddb rgb(238,221,219)
```
#f4e9e8
```
#f4e9e8 rgb(244,233,232)
```
#fbf6f6
```
#fbf6f6 rgb(251,246,246)
```

Tint Color Variation

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

#897d7c
```
#897d7c rgb(137,125,124)
```
#927573
```
#927573 rgb(146,117,115)
```
#9c6d69
```
#9c6d69 rgb(156,109,105)
```
#a56560
```
#a56560 rgb(165,101,96)
```
#af5d56
```
#af5d56 rgb(175,93,86)
```
#b9554c
```
#b9554c rgb(185,85,76)
```
#c24d43
```
#c24d43 rgb(194,77,67)
```
#cc4539
```
#cc4539 rgb(204,69,57)
```
#d53d30
```
#d53d30 rgb(213,61,48)
```
#df3526
```
#df3526 rgb(223,53,38)
```
#e82d1d
```
#e82d1d rgb(232,45,29)
```
#f22513
```
#f22513 rgb(242,37,19)
```
#fc1c09
```
#fc1c09 rgb(252,28,9)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#81706f Atypical Achromatopsia 0.001% of the population

Dichromacy

#827b68 Protanopia 1% of men
#91765a Deuteranopia 1% of men
#b4636a Tritanopia 0.001% of the population

Trichromacy

#927061 Protanomaly 1% of men, 0.01% of women
#9c6d58 Deuteranomaly 6% of men, 0.4% of women
#b26162 Tritanomaly 0.01% of the population

#af5d56 hex color

#af5d56 Color Information

#af5d56 Color Conversion

Color Schemes with #af5d56

Alternatives to #af5d56

#af5d56 Preview

Shades and Tints of #af5d56

Tones of #af5d56

Color Blindness Simulator