#af80a3 hex color

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

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

● #af80a3 color description : Mostly desaturated dark pink.

The hexadecimal color #af80a3 has RGB values of R:175, G:128, B:163 and CMYK values of C:0, M:0.27, Y:0.07, K:0.31. Its decimal value is 11501731.

Hex triplet	af80a3	`#af80a3`
RGB Decimal	175, 128, 163	`rgb(175,128,163)`
RGB Percent	68.6, 50.2, 63.9	`rgb(68.6%,50.2%,63.9%)`
CMYK	0, 27, 7, 31
HSL	315.3°, 22.7, 59.4	`hsl(315.3,22.7%,59.4%)`
HSV (or HSB)	315.3°, 26.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	59.157, 23.914, -11.492
XYZ	32.008, 27.198, 38.212
xyY	0.329, 0.279, 27.198
CIE-LCH	59.157, 26.532, 334.334
CIE-LUV	59.157, 25.39, -20.751
Hunter-Lab	52.151, 18.292, -6.937
Binary	10101111, 10000000, 10100011

#af80a3
```
#af80a3 rgb(175,128,163)
```
#80af8c
```
#80af8c rgb(128,175,140)
```

Complementary Color

#a480af
```
#a480af rgb(164,128,175)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#af808c
```
#af808c rgb(175,128,140)
```

Analogous Color

#80afa4
```
#80afa4 rgb(128,175,164)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#8caf80
```
#8caf80 rgb(140,175,128)
```

Split Complementary Color

#80a3af
```
#80a3af rgb(128,163,175)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#a3af80
```
#a3af80 rgb(163,175,128)
```

Triadic Color

#8c80af
```
#8c80af rgb(140,128,175)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#a3af80
```
#a3af80 rgb(163,175,128)
```
#80af8c
```
#80af8c rgb(128,175,140)
```

Tetradic Color

#8b587e
```
#8b587e rgb(139,88,126)
```
#9b618c
```
#9b618c rgb(155,97,140)
```
#a57098
```
#a57098 rgb(165,112,152)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#b990ae
```
#b990ae rgb(185,144,174)
```
#c39fba
```
#c39fba rgb(195,159,186)
```
#cdafc5
```
#cdafc5 rgb(205,175,197)
```

Monochromatic Color

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

#af80af
```
#af80af rgb(175,128,175)
```
#af80ab
```
#af80ab rgb(175,128,171)
```
#af80a7
```
#af80a7 rgb(175,128,167)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#af809f
```
#af809f rgb(175,128,159)
```
#af809b
```
#af809b rgb(175,128,155)
```
#af8097
```
#af8097 rgb(175,128,151)
```

Similar Colors

Text with hexadecimal color #af80a3

This text has a font color of #af80a3.

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

#af80a3 background color

This paragraph has a background color of #af80a3.

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

#af80a3 border color

This element has a border color of #af80a3.

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

CSS codes

.text {color:#af80a3;}

.background {background-color:#af80a3;}

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

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)
```
#1d131b
```
#1d131b rgb(29,19,27)
```
#291a26
```
#291a26 rgb(41,26,38)
```
#362230
```
#362230 rgb(54,34,48)
```
#42293b
```
#42293b rgb(66,41,59)
```
#4e3146
```
#4e3146 rgb(78,49,70)
```
#5a3851
```
#5a3851 rgb(90,56,81)
```
#66405c
```
#66405c rgb(102,64,92)
```
#724867
```
#724867 rgb(114,72,103)
```
#7e4f72
```
#7e4f72 rgb(126,79,114)
```
#8a577d
```
#8a577d rgb(138,87,125)
```
#965e88
```
#965e88 rgb(150,94,136)
```

Shade Color Variation

#a06892
```
#a06892 rgb(160,104,146)
```
#a7749a
```
#a7749a rgb(167,116,154)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#b78cac
```
#b78cac rgb(183,140,172)
```
#be98b4
```
#be98b4 rgb(190,152,180)
```
#c6a4bd
```
#c6a4bd rgb(198,164,189)
```
#cdb0c6
```
#cdb0c6 rgb(205,176,198)
```
#d5bccf
```
#d5bccf rgb(213,188,207)
```
#dcc8d7
```
#dcc8d7 rgb(220,200,215)
```
#e4d4e0
```
#e4d4e0 rgb(228,212,224)
```
#ece0e9
```
#ece0e9 rgb(236,224,233)
```
#f3ecf1
```
#f3ecf1 rgb(243,236,241)
```
#fbf8fa
```
#fbf8fa rgb(251,248,250)
```

Tint Color Variation

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

#9f909b
```
#9f909b rgb(159,144,155)
```
#a7889f
```
#a7889f rgb(167,136,159)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#b778a7
```
#b778a7 rgb(183,120,167)
```
#bf70ab
```
#bf70ab rgb(191,112,171)
```
#c768af
```
#c768af rgb(199,104,175)
```
#cf60b3
```
#cf60b3 rgb(207,96,179)
```
#d758b6
```
#d758b6 rgb(215,88,182)
```
#df50ba
```
#df50ba rgb(223,80,186)
```
#e748be
```
#e748be rgb(231,72,190)
```
#ef40c2
```
#ef40c2 rgb(239,64,194)
```
#f738c6
```
#f738c6 rgb(247,56,198)
```
#ff30ca
```
#ff30ca rgb(255,48,202)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#988e95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d92af Protanopia 1% of men
#9990a4 Deuteranopia 1% of men
#b08a94 Tritanopia 0.001% of the population

Trichromacy

#998caa Protanomaly 1% of men, 0.01% of women
#a18aa4 Deuteranomaly 6% of men, 0.4% of women
#af8699 Tritanomaly 0.01% of the population

#af80a3 hex color

#af80a3 Color Information

#af80a3 Color Conversion

Color Schemes with #af80a3

Alternatives to #af80a3

#af80a3 Preview

Shades and Tints of #af80a3

Tones of #af80a3

Color Blindness Simulator