#af71b8 hex color

In a RGB color space, hex #af71b8 is composed of 68.6% red, 44.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 38.6% magenta, 0% yellow and 27.8% black. It has a hue angle of 292.4 degrees, a saturation of 33.3% and a lightness of 58.2%. #af71b8 color hex could be obtained by blending #ffe2ff with #5f0071. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 44
- B 72
RGB color chart
- C 5
- M 39
- Y 0
- K 28
CMYK color chart

● #af71b8 color description : Slightly desaturated magenta.

The hexadecimal color #af71b8 has RGB values of R:175, G:113, B:184 and CMYK values of C:0.05, M:0.39, Y:0, K:0.28. Its decimal value is 11497912.

Hex triplet	af71b8	`#af71b8`
RGB Decimal	175, 113, 184	`rgb(175,113,184)`
RGB Percent	68.6, 44.3, 72.2	`rgb(68.6%,44.3%,72.2%)`
CMYK	5, 39, 0, 28
HSL	292.4°, 33.3, 58.2	`hsl(292.4,33.3%,58.2%)`
HSV (or HSB)	292.4°, 38.6, 72.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.472, 36.305, -27.636
XYZ	32.235, 24.386, 48.354
xyY	0.307, 0.232, 24.386
CIE-LCH	56.472, 45.627, 322.721
CIE-LUV	56.472, 29.058, -47.141
Hunter-Lab	49.382, 30.1, -23.488
Binary	10101111, 01110001, 10111000

#af71b8
```
#af71b8 rgb(175,113,184)
```
#7ab871
```
#7ab871 rgb(122,184,113)
```

Complementary Color

#8c71b8
```
#8c71b8 rgb(140,113,184)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#b8719e
```
#b8719e rgb(184,113,158)
```

Analogous Color

#71b88c
```
#71b88c rgb(113,184,140)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#9eb871
```
#9eb871 rgb(158,184,113)
```

Split Complementary Color

#71b8af
```
#71b8af rgb(113,184,175)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#b8af71
```
#b8af71 rgb(184,175,113)
```

Triadic Color

#717ab8
```
#717ab8 rgb(113,122,184)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#b8af71
```
#b8af71 rgb(184,175,113)
```
#7ab871
```
#7ab871 rgb(122,184,113)
```

Tetradic Color

#8a4a93
```
#8a4a93 rgb(138,74,147)
```
#9a52a4
```
#9a52a4 rgb(154,82,164)
```
#a560b0
```
#a560b0 rgb(165,96,176)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#b982c1
```
#b982c1 rgb(185,130,193)
```
#c293c9
```
#c293c9 rgb(194,147,201)
```
#cca4d2
```
#cca4d2 rgb(204,164,210)
```

Monochromatic Color

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

#9d71b8
```
#9d71b8 rgb(157,113,184)
```
#a371b8
```
#a371b8 rgb(163,113,184)
```
#a971b8
```
#a971b8 rgb(169,113,184)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#b571b8
```
#b571b8 rgb(181,113,184)
```
#b871b5
```
#b871b5 rgb(184,113,181)
```
#b871af
```
#b871af rgb(184,113,175)
```

Similar Colors

Text with hexadecimal color #af71b8

This text has a font color of #af71b8.

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

#af71b8 background color

This paragraph has a background color of #af71b8.

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

#af71b8 border color

This element has a border color of #af71b8.

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

CSS codes

.text {color:#af71b8;}

.background {background-color:#af71b8;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0e070f
```
#0e070f rgb(14,7,15)
```
#1a0e1c
```
#1a0e1c rgb(26,14,28)
```
#261529
```
#261529 rgb(38,21,41)
```
#331b36
```
#331b36 rgb(51,27,54)
```
#3f2243
```
#3f2243 rgb(63,34,67)
```
#4b2850
```
#4b2850 rgb(75,40,80)
```
#572f5d
```
#572f5d rgb(87,47,93)
```
#64356a
```
#64356a rgb(100,53,106)
```
#703c78
```
#703c78 rgb(112,60,120)
```
#7c4285
```
#7c4285 rgb(124,66,133)
```
#884992
```
#884992 rgb(136,73,146)
```
#954f9f
```
#954f9f rgb(149,79,159)
```

Shade Color Variation

#a057ab
```
#a057ab rgb(160,87,171)
```
#a864b1
```
#a864b1 rgb(168,100,177)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#b67ebf
```
#b67ebf rgb(182,126,191)
```
#be8bc5
```
#be8bc5 rgb(190,139,197)
```
#c598cc
```
#c598cc rgb(197,152,204)
```
#cca5d2
```
#cca5d2 rgb(204,165,210)
```
#d4b2d9
```
#d4b2d9 rgb(212,178,217)
```
#dbbfdf
```
#dbbfdf rgb(219,191,223)
```
#e3cde6
```
#e3cde6 rgb(227,205,230)
```
#eadaec
```
#eadaec rgb(234,218,236)
```
#f1e7f3
```
#f1e7f3 rgb(241,231,243)
```
#f9f4f9
```
#f9f4f9 rgb(249,244,249)
```

Tint Color Variation

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

#979297
```
#979297 rgb(151,146,151)
```
#9d8a9f
```
#9d8a9f rgb(157,138,159)
```
#a381a8
```
#a381a8 rgb(163,129,168)
```
#a979b0
```
#a979b0 rgb(169,121,176)
```
#af71b8
```
#af71b8 rgb(175,113,184)
```
#b569c0
```
#b569c0 rgb(181,105,192)
```
#bb61c8
```
#bb61c8 rgb(187,97,200)
```
#c158d1
```
#c158d1 rgb(193,88,209)
```
#c750d9
```
#c750d9 rgb(199,80,217)
```
#ce48e1
```
#ce48e1 rgb(206,72,225)
```
#d440e9
```
#d440e9 rgb(212,64,233)
```
#da38f1
```
#da38f1 rgb(218,56,241)
```
#e02ffa
```
#e02ffa rgb(224,47,250)
```

Tone Color Variation

Below, you can see how #af71b8 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
#938795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#778bc8 Protanopia 1% of men
#838bb5 Deuteranopia 1% of men
#ab828c Tritanopia 0.001% of the population

Trichromacy

#8b81c2 Protanomaly 1% of men, 0.01% of women
#9381b6 Deuteranomaly 6% of men, 0.4% of women
#ac7c9c Tritanomaly 0.01% of the population

#af71b8 hex color

#af71b8 Color Information

#af71b8 Color Conversion

Color Schemes with #af71b8

Alternatives to #af71b8

#af71b8 Preview

Shades and Tints of #af71b8

Tones of #af71b8

Color Blindness Simulator