#af71a8 hex color

In a RGB color space, hex #af71a8 is composed of 68.6% red, 44.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 4% yellow and 31.4% black. It has a hue angle of 306.8 degrees, a saturation of 27.9% and a lightness of 56.5%. #af71a8 color hex could be obtained by blending #ffe2ff with #5f0051. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 44
- B 66
RGB color chart
- C 0
- M 35
- Y 4
- K 31
CMYK color chart

● #af71a8 color description : Mostly desaturated dark magenta.

The hexadecimal color #af71a8 has RGB values of R:175, G:113, B:168 and CMYK values of C:0, M:0.35, Y:0.04, K:0.31. Its decimal value is 11497896.

Hex triplet	af71a8	`#af71a8`
RGB Decimal	175, 113, 168	`rgb(175,113,168)`
RGB Percent	68.6, 44.3, 65.9	`rgb(68.6%,44.3%,65.9%)`
CMYK	0, 35, 4, 31
HSL	306.8°, 27.9, 56.5	`hsl(306.8,27.9%,56.5%)`
HSV (or HSB)	306.8°, 35.4, 68.6
Web Safe	996699	`#996699`

CIE-LAB	55.839, 33.228, -19.396
XYZ	30.651, 23.753, 40.014
xyY	0.325, 0.252, 23.753
CIE-LCH	55.839, 38.474, 329.727
CIE-LUV	55.839, 31.937, -33.884
Hunter-Lab	48.737, 26.974, -14.563
Binary	10101111, 01110001, 10101000

#af71a8
```
#af71a8 rgb(175,113,168)
```
#71af78
```
#71af78 rgb(113,175,120)
```

Complementary Color

#9771af
```
#9771af rgb(151,113,175)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#af7189
```
#af7189 rgb(175,113,137)
```

Analogous Color

#71af97
```
#71af97 rgb(113,175,151)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#89af71
```
#89af71 rgb(137,175,113)
```

Split Complementary Color

#71a8af
```
#71a8af rgb(113,168,175)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#a8af71
```
#a8af71 rgb(168,175,113)
```

Triadic Color

#7871af
```
#7871af rgb(120,113,175)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#a8af71
```
#a8af71 rgb(168,175,113)
```
#71af78
```
#71af78 rgb(113,175,120)
```

Tetradic Color

#874c81
```
#874c81 rgb(135,76,129)
```
#985590
```
#985590 rgb(152,85,144)
```
#a6619e
```
#a6619e rgb(166,97,158)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#b881b2
```
#b881b2 rgb(184,129,178)
```
#c192bc
```
#c192bc rgb(193,146,188)
```
#cba2c6
```
#cba2c6 rgb(203,162,198)
```

Monochromatic Color

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

#a771af
```
#a771af rgb(167,113,175)
```
#ac71af
```
#ac71af rgb(172,113,175)
```
#af71ad
```
#af71ad rgb(175,113,173)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#af71a3
```
#af71a3 rgb(175,113,163)
```
#af719e
```
#af719e rgb(175,113,158)
```
#af7199
```
#af7199 rgb(175,113,153)
```

Similar Colors

Text with hexadecimal color #af71a8

This text has a font color of #af71a8.

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

#af71a8 background color

This paragraph has a background color of #af71a8.

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

#af71a8 border color

This element has a border color of #af71a8.

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

CSS codes

.text {color:#af71a8;}

.background {background-color:#af71a8;}

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

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

#090508
```
#090508 rgb(9,5,8)
```
#150c14
```
#150c14 rgb(21,12,20)
```
#221320
```
#221320 rgb(34,19,32)
```
#2e1a2c
```
#2e1a2c rgb(46,26,44)
```
#3b2138
```
#3b2138 rgb(59,33,56)
```
#472844
```
#472844 rgb(71,40,68)
```
#542f50
```
#542f50 rgb(84,47,80)
```
#60365c
```
#60365c rgb(96,54,92)
```
#6d3d68
```
#6d3d68 rgb(109,61,104)
```
#794473
```
#794473 rgb(121,68,115)
```
#864c7f
```
#864c7f rgb(134,76,127)
```
#93538b
```
#93538b rgb(147,83,139)
```
#9f5a97
```
#9f5a97 rgb(159,90,151)
```

Shade Color Variation

#a864a0
```
#a864a0 rgb(168,100,160)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#b67eb0
```
#b67eb0 rgb(182,126,176)
```
#bd8ab7
```
#bd8ab7 rgb(189,138,183)
```
#c497bf
```
#c497bf rgb(196,151,191)
```
#cba3c7
```
#cba3c7 rgb(203,163,199)
```
#d2b0ce
```
#d2b0ce rgb(210,176,206)
```
#d9bcd6
```
#d9bcd6 rgb(217,188,214)
```
#e0c9de
```
#e0c9de rgb(224,201,222)
```
#e8d5e5
```
#e8d5e5 rgb(232,213,229)
```
#efe2ed
```
#efe2ed rgb(239,226,237)
```
#f6eef5
```
#f6eef5 rgb(246,238,245)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#958b94
```
#958b94 rgb(149,139,148)
```
#9e829b
```
#9e829b rgb(158,130,155)
```
#a67aa1
```
#a67aa1 rgb(166,122,161)
```
#af71a8
```
#af71a8 rgb(175,113,168)
```
#b868af
```
#b868af rgb(184,104,175)
```
#c060b5
```
#c060b5 rgb(192,96,181)
```
#c957bc
```
#c957bc rgb(201,87,188)
```
#d14fc2
```
#d14fc2 rgb(209,79,194)
```
#da46c9
```
#da46c9 rgb(218,70,201)
```
#e23ed0
```
#e23ed0 rgb(226,62,208)
```
#eb35d6
```
#eb35d6 rgb(235,53,214)
```
#f32ddd
```
#f32ddd rgb(243,45,221)
```
#fc24e3
```
#fc24e3 rgb(252,36,227)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#918590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8ab8 Protanopia 1% of men
#8a89a7 Deuteranopia 1% of men
#ad7f88 Tritanopia 0.001% of the population

Trichromacy

#8f81b2 Protanomaly 1% of men, 0.01% of women
#9780a7 Deuteranomaly 6% of men, 0.4% of women
#ae7a94 Tritanomaly 0.01% of the population

#af71a8 hex color

#af71a8 Color Information

#af71a8 Color Conversion

Color Schemes with #af71a8

Alternatives to #af71a8

#af71a8 Preview

Shades and Tints of #af71a8

Tones of #af71a8

Color Blindness Simulator