#af5e86 hex color

In a RGB color space, hex #af5e86 is composed of 68.6% red, 36.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 330.4 degrees, a saturation of 33.6% and a lightness of 52.7%. #af5e86 color hex could be obtained by blending #ffbcff with #5f000d. Closest websafe color is: #996699.

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

● #af5e86 color description : Dark moderate pink.

The hexadecimal color #af5e86 has RGB values of R:175, G:94, B:134 and CMYK values of C:0, M:0.46, Y:0.23, K:0.31. Its decimal value is 11492998.

Hex triplet	af5e86	`#af5e86`
RGB Decimal	175, 94, 134	`rgb(175,94,134)`
RGB Percent	68.6, 36.9, 52.5	`rgb(68.6%,36.9%,52.5%)`
CMYK	0, 46, 23, 31
HSL	330.4°, 33.6, 52.7	`hsl(330.4,33.6%,52.7%)`
HSV (or HSB)	330.4°, 46.3, 68.6
Web Safe	996699	`#996699`

CIE-LAB	50.502, 37.865, -7.517
XYZ	25.985, 18.842, 24.821
xyY	0.373, 0.271, 18.842
CIE-LCH	50.502, 38.604, 348.772
CIE-LUV	50.502, 48.245, -16.849
Hunter-Lab	43.408, 30.891, -3.518
Binary	10101111, 01011110, 10000110

#af5e86
```
#af5e86 rgb(175,94,134)
```
#5eaf87
```
#5eaf87 rgb(94,175,135)
```

Complementary Color

#af5eaf
```
#af5eaf rgb(175,94,175)
```
#af5e86
```
#af5e86 rgb(175,94,134)
```
#af5e5e
```
#af5e5e rgb(175,94,94)
```

Analogous Color

#5eafaf
```
#5eafaf rgb(94,175,175)
```
#af5e86
```
#af5e86 rgb(175,94,134)
```
#5eaf5f
```
#5eaf5f rgb(94,175,95)
```

Split Complementary Color

#5e86af
```
#5e86af rgb(94,134,175)
```
#af5e86
```
#af5e86 rgb(175,94,134)
```
#86af5e
```
#86af5e rgb(134,175,94)
```

Triadic Color

#875eaf
```
#875eaf rgb(135,94,175)
```
#af5e86
```
#af5e86 rgb(175,94,134)
```
#86af5e
```
#86af5e rgb(134,175,94)
```
#5eaf87
```
#5eaf87 rgb(94,175,135)
```

Tetradic Color

#814060
```
#814060 rgb(129,64,96)
```
#92486d
```
#92486d rgb(146,72,109)
```
#a35179
```
#a35179 rgb(163,81,121)
```
#af5e86
```
#af5e86 rgb(175,94,134)
```
#b76f93
```
#b76f93 rgb(183,111,147)
```
#c080a0
```
#c080a0 rgb(192,128,160)
```
#c891ac
```
#c891ac rgb(200,145,172)
```

Monochromatic Color

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

#af5e9a
```
#af5e9a rgb(175,94,154)
```
#af5e94
```
#af5e94 rgb(175,94,148)
```
#af5e8d
```
#af5e8d rgb(175,94,141)
```
#af5e86
```
#af5e86 rgb(175,94,134)
```
#af5e7f
```
#af5e7f rgb(175,94,127)
```
#af5e79
```
#af5e79 rgb(175,94,121)
```
#af5e72
```
#af5e72 rgb(175,94,114)
```

Similar Colors

Text with hexadecimal color #af5e86

This text has a font color of #af5e86.

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

#af5e86 background color

This paragraph has a background color of #af5e86.

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

#af5e86 border color

This element has a border color of #af5e86.

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

CSS codes

.text {color:#af5e86;}

.background {background-color:#af5e86;}

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

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

#090507
```
#090507 rgb(9,5,7)
```
#160b11
```
#160b11 rgb(22,11,17)
```
#24121b
```
#24121b rgb(36,18,27)
```
#311824
```
#311824 rgb(49,24,36)
```
#3e1f2e
```
#3e1f2e rgb(62,31,46)
```
#4b2538
```
#4b2538 rgb(75,37,56)
```
#582c42
```
#582c42 rgb(88,44,66)
```
#65324b
```
#65324b rgb(101,50,75)
```
#723955
```
#723955 rgb(114,57,85)
```
#7f3f5f
```
#7f3f5f rgb(127,63,95)
```
#8c4669
```
#8c4669 rgb(140,70,105)
```
#994c72
```
#994c72 rgb(153,76,114)
```
#a7537c
```
#a7537c rgb(167,83,124)
```

Shade Color Variation

#af5e86
```
#af5e86 rgb(175,94,134)
```
#b66b90
```
#b66b90 rgb(182,107,144)
```
#bc789a
```
#bc789a rgb(188,120,154)
```
#c385a4
```
#c385a4 rgb(195,133,164)
```
#c992ad
```
#c992ad rgb(201,146,173)
```
#d0a0b7
```
#d0a0b7 rgb(208,160,183)
```
#d6adc1
```
#d6adc1 rgb(214,173,193)
```
#ddbacb
```
#ddbacb rgb(221,186,203)
```
#e3c7d5
```
#e3c7d5 rgb(227,199,213)
```
#ead4df
```
#ead4df rgb(234,212,223)
```
#f0e1e8
```
#f0e1e8 rgb(240,225,232)
```
#f7eef2
```
#f7eef2 rgb(247,238,242)
```
#fdfbfc
```
#fdfbfc rgb(253,251,252)
```

Tint Color Variation

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

#8a8386
```
#8a8386 rgb(138,131,134)
```
#937a86
```
#937a86 rgb(147,122,134)
```
#9c7186
```
#9c7186 rgb(156,113,134)
```
#a66786
```
#a66786 rgb(166,103,134)
```
#af5e86
```
#af5e86 rgb(175,94,134)
```
#b85586
```
#b85586 rgb(184,85,134)
```
#c24b86
```
#c24b86 rgb(194,75,134)
```
#cb4286
```
#cb4286 rgb(203,66,134)
```
#d43986
```
#d43986 rgb(212,57,134)
```
#dd3085
```
#dd3085 rgb(221,48,133)
```
#e72685
```
#e72685 rgb(231,38,133)
```
#f01d85
```
#f01d85 rgb(240,29,133)
```
#f91485
```
#f91485 rgb(249,20,133)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#85757d Atypical Achromatopsia 0.001% of the population

Dichromacy

#787e9a Protanopia 1% of men
#877b86 Deuteranopia 1% of men
#b06b72 Tritanopia 0.001% of the population

Trichromacy

#8c7292 Protanomaly 1% of men, 0.01% of women
#957086 Deuteranomaly 6% of men, 0.4% of women
#af6679 Tritanomaly 0.01% of the population

#af5e86 hex color

#af5e86 Color Information

#af5e86 Color Conversion

Color Schemes with #af5e86

Alternatives to #af5e86

#af5e86 Preview

Shades and Tints of #af5e86

Tones of #af5e86

Color Blindness Simulator