#af7c86 hex color

In a RGB color space, hex #af7c86 is composed of 68.6% red, 48.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.1% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 348.2 degrees, a saturation of 24.2% and a lightness of 58.6%. #af7c86 color hex could be obtained by blending #fff8ff with #5f000d. Closest websafe color is: #996699.

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

● #af7c86 color description : Mostly desaturated dark red.

The hexadecimal color #af7c86 has RGB values of R:175, G:124, B:134 and CMYK values of C:0, M:0.29, Y:0.23, K:0.31. Its decimal value is 11500678.

Hex triplet	af7c86	`#af7c86`
RGB Decimal	175, 124, 134	`rgb(175,124,134)`
RGB Percent	68.6, 48.6, 52.5	`rgb(68.6%,48.6%,52.5%)`
CMYK	0, 29, 23, 31
HSL	348.2°, 24.2, 58.6	`hsl(348.2,24.2%,58.6%)`
HSV (or HSB)	348.2°, 29.1, 68.6
Web Safe	996699	`#996699`

CIE-LAB	57.32, 21.305, 2.51
XYZ	29.19, 25.252, 25.89
xyY	0.363, 0.314, 25.252
CIE-LCH	57.32, 21.453, 6.718
CIE-LUV	57.32, 31.733, -0.268
Hunter-Lab	50.251, 15.747, 4.629
Binary	10101111, 01111100, 10000110

#af7c86
```
#af7c86 rgb(175,124,134)
```
#7cafa5
```
#7cafa5 rgb(124,175,165)
```

Complementary Color

#af7ca0
```
#af7ca0 rgb(175,124,160)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#af8c7c
```
#af8c7c rgb(175,140,124)
```

Analogous Color

#7ca0af
```
#7ca0af rgb(124,160,175)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#7caf8c
```
#7caf8c rgb(124,175,140)
```

Split Complementary Color

#7c86af
```
#7c86af rgb(124,134,175)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#86af7c
```
#86af7c rgb(134,175,124)
```

Triadic Color

#a57caf
```
#a57caf rgb(165,124,175)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#86af7c
```
#86af7c rgb(134,175,124)
```
#7cafa5
```
#7cafa5 rgb(124,175,165)
```

Tetradic Color

#8a545f
```
#8a545f rgb(138,84,95)
```
#9a5e6a
```
#9a5e6a rgb(154,94,106)
```
#a56c77
```
#a56c77 rgb(165,108,119)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#b98c95
```
#b98c95 rgb(185,140,149)
```
#c29ca3
```
#c29ca3 rgb(194,156,163)
```
#ccabb2
```
#ccabb2 rgb(204,171,178)
```

Monochromatic Color

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

#af7c93
```
#af7c93 rgb(175,124,147)
```
#af7c8f
```
#af7c8f rgb(175,124,143)
```
#af7c8a
```
#af7c8a rgb(175,124,138)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#af7c82
```
#af7c82 rgb(175,124,130)
```
#af7c7e
```
#af7c7e rgb(175,124,126)
```
#af7f7c
```
#af7f7c rgb(175,127,124)
```

Similar Colors

Text with hexadecimal color #af7c86

This text has a font color of #af7c86.

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

#af7c86 background color

This paragraph has a background color of #af7c86.

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

#af7c86 border color

This element has a border color of #af7c86.

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

CSS codes

.text {color:#af7c86;}

.background {background-color:#af7c86;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#0f090a
```
#0f090a rgb(15,9,10)
```
#1b1113
```
#1b1113 rgb(27,17,19)
```
#27181b
```
#27181b rgb(39,24,27)
```
#342024
```
#342024 rgb(52,32,36)
```
#40272c
```
#40272c rgb(64,39,44)
```
#4c2e34
```
#4c2e34 rgb(76,46,52)
```
#58363d
```
#58363d rgb(88,54,61)
```
#643d45
```
#643d45 rgb(100,61,69)
```
#71454d
```
#71454d rgb(113,69,77)
```
#7d4c56
```
#7d4c56 rgb(125,76,86)
```
#89545e
```
#89545e rgb(137,84,94)
```
#955b66
```
#955b66 rgb(149,91,102)
```

Shade Color Variation

#a06470
```
#a06470 rgb(160,100,112)
```
#a8707b
```
#a8707b rgb(168,112,123)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#b68891
```
#b68891 rgb(182,136,145)
```
#be949c
```
#be949c rgb(190,148,156)
```
#c5a1a8
```
#c5a1a8 rgb(197,161,168)
```
#cdadb3
```
#cdadb3 rgb(205,173,179)
```
#d4b9be
```
#d4b9be rgb(212,185,190)
```
#dcc5c9
```
#dcc5c9 rgb(220,197,201)
```
#e3d1d5
```
#e3d1d5 rgb(227,209,213)
```
#eadde0
```
#eadde0 rgb(234,221,224)
```
#f2eaeb
```
#f2eaeb rgb(242,234,235)
```
#f9f6f6
```
#f9f6f6 rgb(249,246,246)
```

Tint Color Variation

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

#979495
```
#979495 rgb(151,148,149)
```
#9f8c90
```
#9f8c90 rgb(159,140,144)
```
#a7848b
```
#a7848b rgb(167,132,139)
```
#af7c86
```
#af7c86 rgb(175,124,134)
```
#b77481
```
#b77481 rgb(183,116,129)
```
#bf6c7c
```
#bf6c7c rgb(191,108,124)
```
#c76477
```
#c76477 rgb(199,100,119)
```
#cf5c72
```
#cf5c72 rgb(207,92,114)
```
#d8536d
```
#d8536d rgb(216,83,109)
```
#e04b68
```
#e04b68 rgb(224,75,104)
```
#e84363
```
#e84363 rgb(232,67,99)
```
#f03b5f
```
#f03b5f rgb(240,59,95)
```
#f8335a
```
#f8335a rgb(248,51,90)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#93898b Atypical Achromatopsia 0.001% of the population

Dichromacy

#918e92 Protanopia 1% of men
#9f8b89 Deuteranopia 1% of men
#b3828b Tritanopia 0.001% of the population

Trichromacy

#9c888e Protanomaly 1% of men, 0.01% of women
#a48588 Deuteranomaly 6% of men, 0.4% of women
#b18089 Tritanomaly 0.01% of the population

#af7c86 hex color

#af7c86 Color Information

#af7c86 Color Conversion

Color Schemes with #af7c86

Alternatives to #af7c86

#af7c86 Preview

Shades and Tints of #af7c86

Tones of #af7c86

Color Blindness Simulator