#af5f80 hex color

In a RGB color space, hex #af5f80 is composed of 68.6% red, 37.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 26.9% yellow and 31.4% black. It has a hue angle of 335.3 degrees, a saturation of 33.3% and a lightness of 52.9%. #af5f80 color hex could be obtained by blending #ffbeff 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

● #af5f80 color description : Dark moderate pink.

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

Hex triplet	af5f80	`#af5f80`
RGB Decimal	175, 95, 128	`rgb(175,95,128)`
RGB Percent	68.6, 37.3, 50.2	`rgb(68.6%,37.3%,50.2%)`
CMYK	0, 46, 27, 31
HSL	335.3°, 33.3, 52.9	`hsl(335.3,33.3%,52.9%)`
HSV (or HSB)	335.3°, 45.7, 68.6
Web Safe	996699	`#996699`

CIE-LAB	50.521, 36.457, -3.915
XYZ	25.668, 18.858, 22.709
xyY	0.382, 0.28, 18.858
CIE-LCH	50.521, 36.666, 353.871
CIE-LUV	50.521, 49.083, -11.652
Hunter-Lab	43.426, 29.508, -0.606
Binary	10101111, 01011111, 10000000

#af5f80
```
#af5f80 rgb(175,95,128)
```
#5faf8e
```
#5faf8e rgb(95,175,142)
```

Complementary Color

#af5fa8
```
#af5fa8 rgb(175,95,168)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```
#af665f
```
#af665f rgb(175,102,95)
```

Analogous Color

#5fa8af
```
#5fa8af rgb(95,168,175)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```
#5faf66
```
#5faf66 rgb(95,175,102)
```

Split Complementary Color

#5f80af
```
#5f80af rgb(95,128,175)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```
#80af5f
```
#80af5f rgb(128,175,95)
```

Triadic Color

#8e5faf
```
#8e5faf rgb(142,95,175)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```
#80af5f
```
#80af5f rgb(128,175,95)
```
#5faf8e
```
#5faf8e rgb(95,175,142)
```

Tetradic Color

#81415b
```
#81415b rgb(129,65,91)
```
#924967
```
#924967 rgb(146,73,103)
```
#a35273
```
#a35273 rgb(163,82,115)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```
#b8708d
```
#b8708d rgb(184,112,141)
```
#c0819b
```
#c0819b rgb(192,129,155)
```
#c992a8
```
#c992a8 rgb(201,146,168)
```

Monochromatic Color

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

#af5f94
```
#af5f94 rgb(175,95,148)
```
#af5f8d
```
#af5f8d rgb(175,95,141)
```
#af5f87
```
#af5f87 rgb(175,95,135)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```
#af5f79
```
#af5f79 rgb(175,95,121)
```
#af5f73
```
#af5f73 rgb(175,95,115)
```
#af5f6c
```
#af5f6c rgb(175,95,108)
```

Similar Colors

Text with hexadecimal color #af5f80

This text has a font color of #af5f80.

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

#af5f80 background color

This paragraph has a background color of #af5f80.

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

#af5f80 border color

This element has a border color of #af5f80.

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

CSS codes

.text {color:#af5f80;}

.background {background-color:#af5f80;}

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

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, #0a0507 is the darkest color, while #fdfcfd is the lightest one.

#0a0507
```
#0a0507 rgb(10,5,7)
```
#170c10
```
#170c10 rgb(23,12,16)
```
#24121a
```
#24121a rgb(36,18,26)
```
#311923
```
#311923 rgb(49,25,35)
```
#3e1f2c
```
#3e1f2c rgb(62,31,44)
```
#4b2635
```
#4b2635 rgb(75,38,53)
```
#582c3e
```
#582c3e rgb(88,44,62)
```
#663348
```
#663348 rgb(102,51,72)
```
#733951
```
#733951 rgb(115,57,81)
```
#80405a
```
#80405a rgb(128,64,90)
```
#8d4663
```
#8d4663 rgb(141,70,99)
```
#9a4d6d
```
#9a4d6d rgb(154,77,109)
```
#a75376
```
#a75376 rgb(167,83,118)
```

Shade Color Variation

#af5f80
```
#af5f80 rgb(175,95,128)
```
#b66c8a
```
#b66c8a rgb(182,108,138)
```
#bc7995
```
#bc7995 rgb(188,121,149)
```
#c3869f
```
#c3869f rgb(195,134,159)
```
#c993aa
```
#c993aa rgb(201,147,170)
```
#d0a0b4
```
#d0a0b4 rgb(208,160,180)
```
#d6adbe
```
#d6adbe rgb(214,173,190)
```
#ddbbc9
```
#ddbbc9 rgb(221,187,201)
```
#e3c8d3
```
#e3c8d3 rgb(227,200,211)
```
#ead5dd
```
#ead5dd rgb(234,213,221)
```
#f0e2e8
```
#f0e2e8 rgb(240,226,232)
```
#f7eff2
```
#f7eff2 rgb(247,239,242)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#8a8486
```
#8a8486 rgb(138,132,134)
```
#937b85
```
#937b85 rgb(147,123,133)
```
#9d7183
```
#9d7183 rgb(157,113,131)
```
#a66882
```
#a66882 rgb(166,104,130)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```
#b8567e
```
#b8567e rgb(184,86,126)
```
#c14d7d
```
#c14d7d rgb(193,77,125)
```
#cb437b
```
#cb437b rgb(203,67,123)
```
#d43a7a
```
#d43a7a rgb(212,58,122)
```
#dd3178
```
#dd3178 rgb(221,49,120)
```
#e62876
```
#e62876 rgb(230,40,118)
```
#f01e75
```
#f01e75 rgb(240,30,117)
```
#f91573
```
#f91573 rgb(249,21,115)
```

Tone Color Variation

Below, you can see how #af5f80 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
#85757c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7e93 Protanopia 1% of men
#8a7b81 Deuteranopia 1% of men
#b16b72 Tritanopia 0.001% of the population

Trichromacy

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

#af5f80 hex color

#af5f80 Color Information

#af5f80 Color Conversion

Color Schemes with #af5f80

Alternatives to #af5f80

#af5f80 Preview

Shades and Tints of #af5f80

Tones of #af5f80

Color Blindness Simulator