#af64b8 hex color

In a RGB color space, hex #af64b8 is composed of 68.6% red, 39.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 45.7% magenta, 0% yellow and 27.8% black. It has a hue angle of 293.6 degrees, a saturation of 37.2% and a lightness of 55.7%. #af64b8 color hex could be obtained by blending #ffc8ff with #5f0071. Closest websafe color is: #9966cc.

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

● #af64b8 color description : Slightly desaturated magenta.

The hexadecimal color #af64b8 has RGB values of R:175, G:100, B:184 and CMYK values of C:0.05, M:0.46, Y:0, K:0.28. Its decimal value is 11494584.

Hex triplet	af64b8	`#af64b8`
RGB Decimal	175, 100, 184	`rgb(175,100,184)`
RGB Percent	68.6, 39.2, 72.2	`rgb(68.6%,39.2%,72.2%)`
CMYK	5, 46, 0, 28
HSL	293.6°, 37.2, 55.7	`hsl(293.6,37.2%,55.7%)`
HSV (or HSB)	293.6°, 45.7, 72.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.697, 43.339, -31.947
XYZ	30.887, 21.69, 47.904
xyY	0.307, 0.216, 21.69
CIE-LCH	53.697, 53.841, 323.604
CIE-LUV	53.697, 34.401, -54.362
Hunter-Lab	46.573, 36.879, -28.384
Binary	10101111, 01100100, 10111000

#af64b8
```
#af64b8 rgb(175,100,184)
```
#6db864
```
#6db864 rgb(109,184,100)
```

Complementary Color

#8564b8
```
#8564b8 rgb(133,100,184)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#b86497
```
#b86497 rgb(184,100,151)
```

Analogous Color

#64b885
```
#64b885 rgb(100,184,133)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#97b864
```
#97b864 rgb(151,184,100)
```

Split Complementary Color

#64b8af
```
#64b8af rgb(100,184,175)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#b8af64
```
#b8af64 rgb(184,175,100)
```

Triadic Color

#646db8
```
#646db8 rgb(100,109,184)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#b8af64
```
#b8af64 rgb(184,175,100)
```
#6db864
```
#6db864 rgb(109,184,100)
```

Tetradic Color

#86418e
```
#86418e rgb(134,65,142)
```
#9749a0
```
#9749a0 rgb(151,73,160)
```
#a653b0
```
#a653b0 rgb(166,83,176)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#b875c0
```
#b875c0 rgb(184,117,192)
```
#c187c8
```
#c187c8 rgb(193,135,200)
```
#ca98d0
```
#ca98d0 rgb(202,152,208)
```

Monochromatic Color

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

#9a64b8
```
#9a64b8 rgb(154,100,184)
```
#a164b8
```
#a164b8 rgb(161,100,184)
```
#a864b8
```
#a864b8 rgb(168,100,184)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#b664b8
```
#b664b8 rgb(182,100,184)
```
#b864b3
```
#b864b3 rgb(184,100,179)
```
#b864ac
```
#b864ac rgb(184,100,172)
```

Similar Colors

Text with hexadecimal color #af64b8

This text has a font color of #af64b8.

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

#af64b8 background color

This paragraph has a background color of #af64b8.

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

#af64b8 border color

This element has a border color of #af64b8.

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

CSS codes

.text {color:#af64b8;}

.background {background-color:#af64b8;}

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

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

#060306
```
#060306 rgb(6,3,6)
```
#130914
```
#130914 rgb(19,9,20)
```
#1f0f21
```
#1f0f21 rgb(31,15,33)
```
#2c152f
```
#2c152f rgb(44,21,47)
```
#391c3c
```
#391c3c rgb(57,28,60)
```
#45224a
```
#45224a rgb(69,34,74)
```
#522857
```
#522857 rgb(82,40,87)
```
#5f2e65
```
#5f2e65 rgb(95,46,101)
```
#6b3472
```
#6b3472 rgb(107,52,114)
```
#783a80
```
#783a80 rgb(120,58,128)
```
#85418d
```
#85418d rgb(133,65,141)
```
#91479a
```
#91479a rgb(145,71,154)
```
#9e4da8
```
#9e4da8 rgb(158,77,168)
```

Shade Color Variation

#a857b2
```
#a857b2 rgb(168,87,178)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#b671be
```
#b671be rgb(182,113,190)
```
#bd7fc4
```
#bd7fc4 rgb(189,127,196)
```
#c48cca
```
#c48cca rgb(196,140,202)
```
#cb9ad1
```
#cb9ad1 rgb(203,154,209)
```
#d2a7d7
```
#d2a7d7 rgb(210,167,215)
```
#d9b5dd
```
#d9b5dd rgb(217,181,221)
```
#e0c2e3
```
#e0c2e3 rgb(224,194,227)
```
#e7d0e9
```
#e7d0e9 rgb(231,208,233)
```
#edddef
```
#edddef rgb(237,221,239)
```
#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, #948795 is the less saturated color, while #e61efe is the most saturated one.

#948795
```
#948795 rgb(148,135,149)
```
#9b7e9e
```
#9b7e9e rgb(155,126,158)
```
#a175a7
```
#a175a7 rgb(161,117,167)
```
#a86daf
```
#a86daf rgb(168,109,175)
```
#af64b8
```
#af64b8 rgb(175,100,184)
```
#b65bc1
```
#b65bc1 rgb(182,91,193)
```
#bd53c9
```
#bd53c9 rgb(189,83,201)
```
#c34ad2
```
#c34ad2 rgb(195,74,210)
```
#ca41db
```
#ca41db rgb(202,65,219)
```
#d139e3
```
#d139e3 rgb(209,57,227)
```
#d830ec
```
#d830ec rgb(216,48,236)
```
#df27f5
```
#df27f5 rgb(223,39,245)
```
#e61efe
```
#e61efe rgb(230,30,254)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d7e8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6884cd Protanopia 1% of men
#7785b3 Deuteranopia 1% of men
#aa7982 Tritanopia 0.001% of the population

Trichromacy

#8278c5 Protanomaly 1% of men, 0.01% of women
#8b79b5 Deuteranomaly 6% of men, 0.4% of women
#ac7195 Tritanomaly 0.01% of the population

#af64b8 hex color

#af64b8 Color Information

#af64b8 Color Conversion

Color Schemes with #af64b8

Alternatives to #af64b8

#af64b8 Preview

Shades and Tints of #af64b8

Tones of #af64b8

Color Blindness Simulator