#af5e80 hex color

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

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

● #af5e80 color description : Dark moderate pink.

The hexadecimal color #af5e80 has RGB values of R:175, G:94, B:128 and CMYK values of C:0, M:0.46, Y:0.27, K:0.31. Its decimal value is 11492992.

Hex triplet	af5e80	`#af5e80`
RGB Decimal	175, 94, 128	`rgb(175,94,128)`
RGB Percent	68.6, 36.9, 50.2	`rgb(68.6%,36.9%,50.2%)`
CMYK	0, 46, 27, 31
HSL	334.8°, 33.6, 52.7	`hsl(334.8,33.6%,52.7%)`
HSV (or HSB)	334.8°, 46.3, 68.6
Web Safe	996699	`#996699`

CIE-LAB	50.31, 36.991, -4.227
XYZ	25.578, 18.679, 22.679
xyY	0.382, 0.279, 18.679
CIE-LCH	50.31, 37.231, 353.481
CIE-LUV	50.31, 49.617, -12.165
Hunter-Lab	43.22, 30.005, -0.858
Binary	10101111, 01011110, 10000000

#af5e80
```
#af5e80 rgb(175,94,128)
```
#5eaf8d
```
#5eaf8d rgb(94,175,141)
```

Complementary Color

#af5ea9
```
#af5ea9 rgb(175,94,169)
```
#af5e80
```
#af5e80 rgb(175,94,128)
```
#af655e
```
#af655e rgb(175,101,94)
```

Analogous Color

#5ea9af
```
#5ea9af rgb(94,169,175)
```
#af5e80
```
#af5e80 rgb(175,94,128)
```
#5eaf65
```
#5eaf65 rgb(94,175,101)
```

Split Complementary Color

#5e80af
```
#5e80af rgb(94,128,175)
```
#af5e80
```
#af5e80 rgb(175,94,128)
```
#80af5e
```
#80af5e rgb(128,175,94)
```

Triadic Color

#8d5eaf
```
#8d5eaf rgb(141,94,175)
```
#af5e80
```
#af5e80 rgb(175,94,128)
```
#80af5e
```
#80af5e rgb(128,175,94)
```
#5eaf8d
```
#5eaf8d rgb(94,175,141)
```

Tetradic Color

#81405b
```
#81405b rgb(129,64,91)
```
#924867
```
#924867 rgb(146,72,103)
```
#a35173
```
#a35173 rgb(163,81,115)
```
#af5e80
```
#af5e80 rgb(175,94,128)
```
#b76f8d
```
#b76f8d rgb(183,111,141)
```
#c0809b
```
#c0809b rgb(192,128,155)
```
#c891a8
```
#c891a8 rgb(200,145,168)
```

Monochromatic Color

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

#af5e94
```
#af5e94 rgb(175,94,148)
```
#af5e8e
```
#af5e8e rgb(175,94,142)
```
#af5e87
```
#af5e87 rgb(175,94,135)
```
#af5e80
```
#af5e80 rgb(175,94,128)
```
#af5e79
```
#af5e79 rgb(175,94,121)
```
#af5e73
```
#af5e73 rgb(175,94,115)
```
#af5e6c
```
#af5e6c rgb(175,94,108)
```

Similar Colors

Text with hexadecimal color #af5e80

This text has a font color of #af5e80.

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

#af5e80 background color

This paragraph has a background color of #af5e80.

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

#af5e80 border color

This element has a border color of #af5e80.

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

CSS codes

.text {color:#af5e80;}

.background {background-color:#af5e80;}

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

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)
```
#160b10
```
#160b10 rgb(22,11,16)
```
#241219
```
#241219 rgb(36,18,25)
```
#311822
```
#311822 rgb(49,24,34)
```
#3e1f2c
```
#3e1f2c rgb(62,31,44)
```
#4b2535
```
#4b2535 rgb(75,37,53)
```
#582c3e
```
#582c3e rgb(88,44,62)
```
#653248
```
#653248 rgb(101,50,72)
```
#723951
```
#723951 rgb(114,57,81)
```
#7f3f5a
```
#7f3f5a rgb(127,63,90)
```
#8c4663
```
#8c4663 rgb(140,70,99)
```
#994c6d
```
#994c6d rgb(153,76,109)
```
#a75376
```
#a75376 rgb(167,83,118)
```

Shade Color Variation

#af5e80
```
#af5e80 rgb(175,94,128)
```
#b66b8a
```
#b66b8a rgb(182,107,138)
```
#bc7895
```
#bc7895 rgb(188,120,149)
```
#c3859f
```
#c3859f rgb(195,133,159)
```
#c992a9
```
#c992a9 rgb(201,146,169)
```
#d0a0b4
```
#d0a0b4 rgb(208,160,180)
```
#d6adbe
```
#d6adbe rgb(214,173,190)
```
#ddbac8
```
#ddbac8 rgb(221,186,200)
```
#e3c7d3
```
#e3c7d3 rgb(227,199,211)
```
#ead4dd
```
#ead4dd rgb(234,212,221)
```
#f0e1e7
```
#f0e1e7 rgb(240,225,231)
```
#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 #f91474 is the most saturated one.

#8a8386
```
#8a8386 rgb(138,131,134)
```
#937a84
```
#937a84 rgb(147,122,132)
```
#9c7183
```
#9c7183 rgb(156,113,131)
```
#a66781
```
#a66781 rgb(166,103,129)
```
#af5e80
```
#af5e80 rgb(175,94,128)
```
#b8557f
```
#b8557f rgb(184,85,127)
```
#c24b7d
```
#c24b7d rgb(194,75,125)
```
#cb427c
```
#cb427c rgb(203,66,124)
```
#d4397a
```
#d4397a rgb(212,57,122)
```
#dd3079
```
#dd3079 rgb(221,48,121)
```
#e72677
```
#e72677 rgb(231,38,119)
```
#f01d76
```
#f01d76 rgb(240,29,118)
```
#f91474
```
#f91474 rgb(249,20,116)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#85747b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7d93 Protanopia 1% of men
#897b81 Deuteranopia 1% of men
#b06a71 Tritanopia 0.001% of the population

Trichromacy

#8d728c Protanomaly 1% of men, 0.01% of women
#977080 Deuteranomaly 6% of men, 0.4% of women
#b06576 Tritanomaly 0.01% of the population

#af5e80 hex color

#af5e80 Color Information

#af5e80 Color Conversion

Color Schemes with #af5e80

Alternatives to #af5e80

#af5e80 Preview

Shades and Tints of #af5e80

Tones of #af5e80

Color Blindness Simulator