#af71bf hex color

In a RGB color space, hex #af71bf is composed of 68.6% red, 44.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 40.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 287.7 degrees, a saturation of 37.9% and a lightness of 59.6%. #af71bf color hex could be obtained by blending #ffe2ff with #5f007f. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 44
- B 75
RGB color chart
- C 8
- M 41
- Y 0
- K 25
CMYK color chart

● #af71bf color description : Slightly desaturated magenta.

The hexadecimal color #af71bf has RGB values of R:175, G:113, B:191 and CMYK values of C:0.08, M:0.41, Y:0, K:0.25. Its decimal value is 11497919.

Hex triplet	af71bf	`#af71bf`
RGB Decimal	175, 113, 191	`rgb(175,113,191)`
RGB Percent	68.6, 44.3, 74.9	`rgb(68.6%,44.3%,74.9%)`
CMYK	8, 41, 0, 25
HSL	287.7°, 37.9, 59.6	`hsl(287.7,37.9%,59.6%)`
HSV (or HSB)	287.7°, 40.8, 74.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.769, 37.717, -31.182
XYZ	32.987, 24.687, 52.315
xyY	0.3, 0.224, 24.687
CIE-LCH	56.769, 48.937, 320.418
CIE-LUV	56.769, 27.811, -52.951
Hunter-Lab	49.686, 31.559, -27.647
Binary	10101111, 01110001, 10111111

#af71bf
```
#af71bf rgb(175,113,191)
```
#81bf71
```
#81bf71 rgb(129,191,113)
```

Complementary Color

#8871bf
```
#8871bf rgb(136,113,191)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#bf71a8
```
#bf71a8 rgb(191,113,168)
```

Analogous Color

#71bf88
```
#71bf88 rgb(113,191,136)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#a8bf71
```
#a8bf71 rgb(168,191,113)
```

Split Complementary Color

#71bfaf
```
#71bfaf rgb(113,191,175)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#bfaf71
```
#bfaf71 rgb(191,175,113)
```

Triadic Color

#7181bf
```
#7181bf rgb(113,129,191)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#bfaf71
```
#bfaf71 rgb(191,175,113)
```
#81bf71
```
#81bf71 rgb(129,191,113)
```

Tetradic Color

#8b479d
```
#8b479d rgb(139,71,157)
```
#9b4fae
```
#9b4fae rgb(155,79,174)
```
#a55fb7
```
#a55fb7 rgb(165,95,183)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#b983c7
```
#b983c7 rgb(185,131,199)
```
#c394cf
```
#c394cf rgb(195,148,207)
```
#cda6d7
```
#cda6d7 rgb(205,166,215)
```

Monochromatic Color

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

#9c71bf
```
#9c71bf rgb(156,113,191)
```
#a271bf
```
#a271bf rgb(162,113,191)
```
#a971bf
```
#a971bf rgb(169,113,191)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#b671bf
```
#b671bf rgb(182,113,191)
```
#bc71bf
```
#bc71bf rgb(188,113,191)
```
#bf71bc
```
#bf71bc rgb(191,113,188)
```

Similar Colors

Text with hexadecimal color #af71bf

This text has a font color of #af71bf.

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

#af71bf background color

This paragraph has a background color of #af71bf.

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

#af71bf border color

This element has a border color of #af71bf.

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

CSS codes

.text {color:#af71bf;}

.background {background-color:#af71bf;}

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

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

#060307
```
#060307 rgb(6,3,7)
```
#120914
```
#120914 rgb(18,9,20)
```
#1e0f22
```
#1e0f22 rgb(30,15,34)
```
#2a152f
```
#2a152f rgb(42,21,47)
```
#361b3d
```
#361b3d rgb(54,27,61)
```
#42224a
```
#42224a rgb(66,34,74)
```
#4e2858
```
#4e2858 rgb(78,40,88)
```
#5a2e65
```
#5a2e65 rgb(90,46,101)
```
#663473
```
#663473 rgb(102,52,115)
```
#723a80
```
#723a80 rgb(114,58,128)
```
#7e408e
```
#7e408e rgb(126,64,142)
```
#8a469b
```
#8a469b rgb(138,70,155)
```
#964ca9
```
#964ca9 rgb(150,76,169)
```

Shade Color Variation

#a056b3
```
#a056b3 rgb(160,86,179)
```
#a763b9
```
#a763b9 rgb(167,99,185)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#b77fc5
```
#b77fc5 rgb(183,127,197)
```
#be8ccb
```
#be8ccb rgb(190,140,203)
```
#c69ad1
```
#c69ad1 rgb(198,154,209)
```
#cda7d7
```
#cda7d7 rgb(205,167,215)
```
#d5b5dd
```
#d5b5dd rgb(213,181,221)
```
#ddc2e4
```
#ddc2e4 rgb(221,194,228)
```
#e4d0ea
```
#e4d0ea rgb(228,208,234)
```
#ecddf0
```
#ecddf0 rgb(236,221,240)
```
#f4ebf6
```
#f4ebf6 rgb(244,235,246)
```
#fbf8fc
```
#fbf8fc rgb(251,248,252)
```

Tint Color Variation

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

#9c919f
```
#9c919f rgb(156,145,159)
```
#a189a7
```
#a189a7 rgb(161,137,167)
```
#a681af
```
#a681af rgb(166,129,175)
```
#aa79b7
```
#aa79b7 rgb(170,121,183)
```
#af71bf
```
#af71bf rgb(175,113,191)
```
#b469c7
```
#b469c7 rgb(180,105,199)
```
#b861cf
```
#b861cf rgb(184,97,207)
```
#bd59d7
```
#bd59d7 rgb(189,89,215)
```
#c251df
```
#c251df rgb(194,81,223)
```
#c649e7
```
#c649e7 rgb(198,73,231)
```
#cb41ef
```
#cb41ef rgb(203,65,239)
```
#d03af6
```
#d03af6 rgb(208,58,246)
```
#d432fe
```
#d432fe rgb(212,50,254)
```

Tone Color Variation

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

#748cd0 Protanopia 1% of men
#808cbb Deuteranopia 1% of men
#aa848d Tritanopia 0.001% of the population

Trichromacy

#8982ca Protanomaly 1% of men, 0.01% of women
#9182bd Deuteranomaly 6% of men, 0.4% of women
#ac7d9f Tritanomaly 0.01% of the population

#af71bf hex color

#af71bf Color Information

#af71bf Color Conversion

Color Schemes with #af71bf

Alternatives to #af71bf

#af71bf Preview

Shades and Tints of #af71bf

Tones of #af71bf

Color Blindness Simulator