#af71bd hex color

In a RGB color space, hex #af71bd is composed of 68.6% red, 44.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 40.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 288.9 degrees, a saturation of 36.5% and a lightness of 59.2%. #af71bd color hex could be obtained by blending #ffe2ff with #5f007b. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 44
- B 74
RGB color chart
- C 7
- M 40
- Y 0
- K 26
CMYK color chart

● #af71bd color description : Slightly desaturated magenta.

The hexadecimal color #af71bd has RGB values of R:175, G:113, B:189 and CMYK values of C:0.07, M:0.4, Y:0, K:0.26. Its decimal value is 11497917.

Hex triplet	af71bd	`#af71bd`
RGB Decimal	175, 113, 189	`rgb(175,113,189)`
RGB Percent	68.6, 44.3, 74.1	`rgb(68.6%,44.3%,74.1%)`
CMYK	7, 40, 0, 26
HSL	288.9°, 36.5, 59.2	`hsl(288.9,36.5%,59.2%)`
HSV (or HSB)	288.9°, 40.2, 74.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.683, 37.309, -30.172
XYZ	32.768, 24.599, 51.163
xyY	0.302, 0.227, 24.599
CIE-LCH	56.683, 47.983, 321.037
CIE-LUV	56.683, 28.166, -51.292
Hunter-Lab	49.598, 31.136, -26.443
Binary	10101111, 01110001, 10111101

#af71bd
```
#af71bd rgb(175,113,189)
```
#7fbd71
```
#7fbd71 rgb(127,189,113)
```

Complementary Color

#8971bd
```
#8971bd rgb(137,113,189)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#bd71a5
```
#bd71a5 rgb(189,113,165)
```

Analogous Color

#71bd89
```
#71bd89 rgb(113,189,137)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#a5bd71
```
#a5bd71 rgb(165,189,113)
```

Split Complementary Color

#71bdaf
```
#71bdaf rgb(113,189,175)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#bdaf71
```
#bdaf71 rgb(189,175,113)
```

Triadic Color

#717fbd
```
#717fbd rgb(113,127,189)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#bdaf71
```
#bdaf71 rgb(189,175,113)
```
#7fbd71
```
#7fbd71 rgb(127,189,113)
```

Tetradic Color

#8b489a
```
#8b489a rgb(139,72,154)
```
#9a50ab
```
#9a50ab rgb(154,80,171)
```
#a560b5
```
#a560b5 rgb(165,96,181)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#b982c5
```
#b982c5 rgb(185,130,197)
```
#c394cd
```
#c394cd rgb(195,148,205)
```
#cca5d5
```
#cca5d5 rgb(204,165,213)
```

Monochromatic Color

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

#9c71bd
```
#9c71bd rgb(156,113,189)
```
#a271bd
```
#a271bd rgb(162,113,189)
```
#a971bd
```
#a971bd rgb(169,113,189)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#b571bd
```
#b571bd rgb(181,113,189)
```
#bc71bd
```
#bc71bd rgb(188,113,189)
```
#bd71b8
```
#bd71b8 rgb(189,113,184)
```

Similar Colors

Text with hexadecimal color #af71bd

This text has a font color of #af71bd.

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

#af71bd background color

This paragraph has a background color of #af71bd.

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

#af71bd border color

This element has a border color of #af71bd.

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

CSS codes

.text {color:#af71bd;}

.background {background-color:#af71bd;}

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

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

#050205
```
#050205 rgb(5,2,5)
```
#110913
```
#110913 rgb(17,9,19)
```
#1d0f20
```
#1d0f20 rgb(29,15,32)
```
#29152d
```
#29152d rgb(41,21,45)
```
#351b3b
```
#351b3b rgb(53,27,59)
```
#412248
```
#412248 rgb(65,34,72)
```
#4d2856
```
#4d2856 rgb(77,40,86)
```
#592e63
```
#592e63 rgb(89,46,99)
```
#653470
```
#653470 rgb(101,52,112)
```
#713a7e
```
#713a7e rgb(113,58,126)
```
#7d418b
```
#7d418b rgb(125,65,139)
```
#8a4799
```
#8a4799 rgb(138,71,153)
```
#964da6
```
#964da6 rgb(150,77,166)
```

Shade Color Variation

#a056b1
```
#a056b1 rgb(160,86,177)
```
#a764b7
```
#a764b7 rgb(167,100,183)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#b77ec3
```
#b77ec3 rgb(183,126,195)
```
#be8cc9
```
#be8cc9 rgb(190,140,201)
```
#c699d0
```
#c699d0 rgb(198,153,208)
```
#cda7d6
```
#cda7d6 rgb(205,167,214)
```
#d5b4dc
```
#d5b4dc rgb(213,180,220)
```
#dcc1e2
```
#dcc1e2 rgb(220,193,226)
```
#e4cfe9
```
#e4cfe9 rgb(228,207,233)
```
#ebdcef
```
#ebdcef rgb(235,220,239)
```
#f3eaf5
```
#f3eaf5 rgb(243,234,245)
```
#faf7fb
```
#faf7fb rgb(250,247,251)
```

Tint Color Variation

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

#9b919d
```
#9b919d rgb(155,145,157)
```
#a089a5
```
#a089a5 rgb(160,137,165)
```
#a581ad
```
#a581ad rgb(165,129,173)
```
#aa79b5
```
#aa79b5 rgb(170,121,181)
```
#af71bd
```
#af71bd rgb(175,113,189)
```
#b469c5
```
#b469c5 rgb(180,105,197)
```
#b961cd
```
#b961cd rgb(185,97,205)
```
#be59d5
```
#be59d5 rgb(190,89,213)
```
#c351dd
```
#c351dd rgb(195,81,221)
```
#c849e5
```
#c849e5 rgb(200,73,229)
```
#cd41ed
```
#cd41ed rgb(205,65,237)
```
#d239f5
```
#d239f5 rgb(210,57,245)
```
#d731fd
```
#d731fd rgb(215,49,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#938796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#758bce Protanopia 1% of men
#818cba Deuteranopia 1% of men
#aa848d Tritanopia 0.001% of the population

Trichromacy

#8a82c7 Protanomaly 1% of men, 0.01% of women
#9182bb Deuteranomaly 6% of men, 0.4% of women
#ac7d9e Tritanomaly 0.01% of the population

#af71bd hex color

#af71bd Color Information

#af71bd Color Conversion

Color Schemes with #af71bd

Alternatives to #af71bd

#af71bd Preview

Shades and Tints of #af71bd

Tones of #af71bd

Color Blindness Simulator