#af71b5 hex color

In a RGB color space, hex #af71b5 is composed of 68.6% red, 44.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 37.6% magenta, 0% yellow and 29% black. It has a hue angle of 294.7 degrees, a saturation of 31.5% and a lightness of 57.6%. #af71b5 color hex could be obtained by blending #ffe2ff with #5f006b. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 44
- B 71
RGB color chart
- C 3
- M 38
- Y 0
- K 29
CMYK color chart

● #af71b5 color description : Slightly desaturated magenta.

The hexadecimal color #af71b5 has RGB values of R:175, G:113, B:181 and CMYK values of C:0.03, M:0.38, Y:0, K:0.29. Its decimal value is 11497909.

Hex triplet	af71b5	`#af71b5`
RGB Decimal	175, 113, 181	`rgb(175,113,181)`
RGB Percent	68.6, 44.3, 71	`rgb(68.6%,44.3%,71%)`
CMYK	3, 38, 0, 29
HSL	294.7°, 31.5, 57.6	`hsl(294.7,31.5%,57.6%)`
HSV (or HSB)	294.7°, 37.6, 71
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.349, 35.712, -26.105
XYZ	31.924, 24.261, 46.715
xyY	0.31, 0.236, 24.261
CIE-LCH	56.349, 44.236, 323.833
CIE-LUV	56.349, 29.596, -44.651
Hunter-Lab	49.256, 29.492, -21.752
Binary	10101111, 01110001, 10110101

#af71b5
```
#af71b5 rgb(175,113,181)
```
#77b571
```
#77b571 rgb(119,181,113)
```

Complementary Color

#8d71b5
```
#8d71b5 rgb(141,113,181)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#b57199
```
#b57199 rgb(181,113,153)
```

Analogous Color

#71b58d
```
#71b58d rgb(113,181,141)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#99b571
```
#99b571 rgb(153,181,113)
```

Split Complementary Color

#71b5af
```
#71b5af rgb(113,181,175)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#b5af71
```
#b5af71 rgb(181,175,113)
```

Triadic Color

#7177b5
```
#7177b5 rgb(113,119,181)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#b5af71
```
#b5af71 rgb(181,175,113)
```
#77b571
```
#77b571 rgb(119,181,113)
```

Tetradic Color

#894b8f
```
#894b8f rgb(137,75,143)
```
#9953a0
```
#9953a0 rgb(153,83,160)
```
#a660ac
```
#a660ac rgb(166,96,172)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#b882be
```
#b882be rgb(184,130,190)
```
#c293c6
```
#c293c6 rgb(194,147,198)
```
#cba3cf
```
#cba3cf rgb(203,163,207)
```

Monochromatic Color

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

#9e71b5
```
#9e71b5 rgb(158,113,181)
```
#a471b5
```
#a471b5 rgb(164,113,181)
```
#a971b5
```
#a971b5 rgb(169,113,181)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#b571b5
```
#b571b5 rgb(181,113,181)
```
#b571b0
```
#b571b0 rgb(181,113,176)
```
#b571aa
```
#b571aa rgb(181,113,170)
```

Similar Colors

Text with hexadecimal color #af71b5

This text has a font color of #af71b5.

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

#af71b5 background color

This paragraph has a background color of #af71b5.

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

#af71b5 border color

This element has a border color of #af71b5.

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

CSS codes

.text {color:#af71b5;}

.background {background-color:#af71b5;}

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

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

#0c070d
```
#0c070d rgb(12,7,13)
```
#190d1a
```
#190d1a rgb(25,13,26)
```
#251427
```
#251427 rgb(37,20,39)
```
#311b33
```
#311b33 rgb(49,27,51)
```
#3e2240
```
#3e2240 rgb(62,34,64)
```
#4a284d
```
#4a284d rgb(74,40,77)
```
#562f5a
```
#562f5a rgb(86,47,90)
```
#633667
```
#633667 rgb(99,54,103)
```
#6f3c74
```
#6f3c74 rgb(111,60,116)
```
#7b4381
```
#7b4381 rgb(123,67,129)
```
#884a8e
```
#884a8e rgb(136,74,142)
```
#94519b
```
#94519b rgb(148,81,155)
```
#a057a7
```
#a057a7 rgb(160,87,167)
```

Shade Color Variation

#a864ae
```
#a864ae rgb(168,100,174)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#b67ebc
```
#b67ebc rgb(182,126,188)
```
#be8bc2
```
#be8bc2 rgb(190,139,194)
```
#c598c9
```
#c598c9 rgb(197,152,201)
```
#cca5d0
```
#cca5d0 rgb(204,165,208)
```
#d3b1d7
```
#d3b1d7 rgb(211,177,215)
```
#dbbedd
```
#dbbedd rgb(219,190,221)
```
#e2cbe4
```
#e2cbe4 rgb(226,203,228)
```
#e9d8eb
```
#e9d8eb rgb(233,216,235)
```
#f0e5f1
```
#f0e5f1 rgb(240,229,241)
```
#f8f2f8
```
#f8f2f8 rgb(248,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#949294
```
#949294 rgb(148,146,148)
```
#9a8a9c
```
#9a8a9c rgb(154,138,156)
```
#a182a4
```
#a182a4 rgb(161,130,164)
```
#a879ad
```
#a879ad rgb(168,121,173)
```
#af71b5
```
#af71b5 rgb(175,113,181)
```
#b669bd
```
#b669bd rgb(182,105,189)
```
#bd60c6
```
#bd60c6 rgb(189,96,198)
```
#c458ce
```
#c458ce rgb(196,88,206)
```
#ca50d6
```
#ca50d6 rgb(202,80,214)
```
#d147df
```
#d147df rgb(209,71,223)
```
#d83fe7
```
#d83fe7 rgb(216,63,231)
```
#df37ef
```
#df37ef rgb(223,55,239)
```
#e62ff7
```
#e62ff7 rgb(230,47,247)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#928693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798bc5 Protanopia 1% of men
#858bb2 Deuteranopia 1% of men
#ac828b Tritanopia 0.001% of the population

Trichromacy

#8c81bf Protanomaly 1% of men, 0.01% of women
#9481b3 Deuteranomaly 6% of men, 0.4% of women
#ad7c9a Tritanomaly 0.01% of the population

#af71b5 hex color

#af71b5 Color Information

#af71b5 Color Conversion

Color Schemes with #af71b5

Alternatives to #af71b5

#af71b5 Preview

Shades and Tints of #af71b5

Tones of #af71b5

Color Blindness Simulator