#af80a8 hex color

In a RGB color space, hex #af80a8 is composed of 68.6% red, 50.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 4% yellow and 31.4% black. It has a hue angle of 308.9 degrees, a saturation of 22.7% and a lightness of 59.4%. #af80a8 color hex could be obtained by blending #ffffff with #5f0151. Closest websafe color is: #999999.

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

● #af80a8 color description : Mostly desaturated dark magenta.

The hexadecimal color #af80a8 has RGB values of R:175, G:128, B:168 and CMYK values of C:0, M:0.27, Y:0.04, K:0.31. Its decimal value is 11501736.

Hex triplet	af80a8	`#af80a8`
RGB Decimal	175, 128, 168	`rgb(175,128,168)`
RGB Percent	68.6, 50.2, 65.9	`rgb(68.6%,50.2%,65.9%)`
CMYK	0, 27, 4, 31
HSL	308.9°, 22.7, 59.4	`hsl(308.9,22.7%,59.4%)`
HSV (or HSB)	308.9°, 26.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	59.325, 24.838, -14.104
XYZ	32.465, 27.38, 40.618
xyY	0.323, 0.273, 27.38
CIE-LCH	59.325, 28.563, 330.411
CIE-LUV	59.325, 24.674, -24.84
Hunter-Lab	52.326, 19.178, -9.396
Binary	10101111, 10000000, 10101000

#af80a8
```
#af80a8 rgb(175,128,168)
```
#80af87
```
#80af87 rgb(128,175,135)
```

Complementary Color

#9f80af
```
#9f80af rgb(159,128,175)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#af8091
```
#af8091 rgb(175,128,145)
```

Analogous Color

#80af9f
```
#80af9f rgb(128,175,159)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#91af80
```
#91af80 rgb(145,175,128)
```

Split Complementary Color

#80a8af
```
#80a8af rgb(128,168,175)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#a8af80
```
#a8af80 rgb(168,175,128)
```

Triadic Color

#8780af
```
#8780af rgb(135,128,175)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#a8af80
```
#a8af80 rgb(168,175,128)
```
#80af87
```
#80af87 rgb(128,175,135)
```

Tetradic Color

#8b5883
```
#8b5883 rgb(139,88,131)
```
#9b6192
```
#9b6192 rgb(155,97,146)
```
#a5709d
```
#a5709d rgb(165,112,157)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#b990b3
```
#b990b3 rgb(185,144,179)
```
#c39fbd
```
#c39fbd rgb(195,159,189)
```
#cdafc8
```
#cdafc8 rgb(205,175,200)
```

Monochromatic Color

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

#aa80af
```
#aa80af rgb(170,128,175)
```
#ae80af
```
#ae80af rgb(174,128,175)
```
#af80ac
```
#af80ac rgb(175,128,172)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#af80a4
```
#af80a4 rgb(175,128,164)
```
#af80a0
```
#af80a0 rgb(175,128,160)
```
#af809c
```
#af809c rgb(175,128,156)
```

Similar Colors

Text with hexadecimal color #af80a8

This text has a font color of #af80a8.

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

#af80a8 background color

This paragraph has a background color of #af80a8.

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

#af80a8 border color

This element has a border color of #af80a8.

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

CSS codes

.text {color:#af80a8;}

.background {background-color:#af80a8;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#110b10
```
#110b10 rgb(17,11,16)
```
#1d131c
```
#1d131c rgb(29,19,28)
```
#291a27
```
#291a27 rgb(41,26,39)
```
#362233
```
#362233 rgb(54,34,51)
```
#42293e
```
#42293e rgb(66,41,62)
```
#4e3149
```
#4e3149 rgb(78,49,73)
```
#5a3855
```
#5a3855 rgb(90,56,85)
```
#664060
```
#664060 rgb(102,64,96)
```
#72486b
```
#72486b rgb(114,72,107)
```
#7e4f77
```
#7e4f77 rgb(126,79,119)
```
#8a5782
```
#8a5782 rgb(138,87,130)
```
#965e8e
```
#965e8e rgb(150,94,142)
```

Shade Color Variation

#a06898
```
#a06898 rgb(160,104,152)
```
#a774a0
```
#a774a0 rgb(167,116,160)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#b78cb0
```
#b78cb0 rgb(183,140,176)
```
#be98b8
```
#be98b8 rgb(190,152,184)
```
#c6a4c1
```
#c6a4c1 rgb(198,164,193)
```
#cdb0c9
```
#cdb0c9 rgb(205,176,201)
```
#d5bcd1
```
#d5bcd1 rgb(213,188,209)
```
#dcc8d9
```
#dcc8d9 rgb(220,200,217)
```
#e4d4e2
```
#e4d4e2 rgb(228,212,226)
```
#ece0ea
```
#ece0ea rgb(236,224,234)
```
#f3ecf2
```
#f3ecf2 rgb(243,236,242)
```
#fbf8fa
```
#fbf8fa rgb(251,248,250)
```

Tint Color Variation

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

#9f909d
```
#9f909d rgb(159,144,157)
```
#a788a2
```
#a788a2 rgb(167,136,162)
```
#af80a8
```
#af80a8 rgb(175,128,168)
```
#b778ae
```
#b778ae rgb(183,120,174)
```
#bf70b3
```
#bf70b3 rgb(191,112,179)
```
#c768b9
```
#c768b9 rgb(199,104,185)
```
#cf60be
```
#cf60be rgb(207,96,190)
```
#d758c4
```
#d758c4 rgb(215,88,196)
```
#df50ca
```
#df50ca rgb(223,80,202)
```
#e748cf
```
#e748cf rgb(231,72,207)
```
#ef40d5
```
#ef40d5 rgb(239,64,213)
```
#f738da
```
#f738da rgb(247,56,218)
```
#ff30e0
```
#ff30e0 rgb(255,48,224)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#998f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c93b4 Protanopia 1% of men
#9891a9 Deuteranopia 1% of men
#af8b94 Tritanopia 0.001% of the population

Trichromacy

#998caf Protanomaly 1% of men, 0.01% of women
#a08aa8 Deuteranomaly 6% of men, 0.4% of women
#af879b Tritanomaly 0.01% of the population

#af80a8 hex color

#af80a8 Color Information

#af80a8 Color Conversion

Color Schemes with #af80a8

Alternatives to #af80a8

#af80a8 Preview

Shades and Tints of #af80a8

Tones of #af80a8

Color Blindness Simulator