#af64b3 hex color

In a RGB color space, hex #af64b3 is composed of 68.6% red, 39.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 44.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 297 degrees, a saturation of 34.2% and a lightness of 54.7%. #af64b3 color hex could be obtained by blending #ffc8ff with #5f0067. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 39
- B 70
RGB color chart
- C 2
- M 44
- Y 0
- K 30
CMYK color chart

● #af64b3 color description : Slightly desaturated magenta.

The hexadecimal color #af64b3 has RGB values of R:175, G:100, B:179 and CMYK values of C:0.02, M:0.44, Y:0, K:0.3. Its decimal value is 11494579.

Hex triplet	af64b3	`#af64b3`
RGB Decimal	175, 100, 179	`rgb(175,100,179)`
RGB Percent	68.6, 39.2, 70.2	`rgb(68.6%,39.2%,70.2%)`
CMYK	2, 44, 0, 30
HSL	297°, 34.2, 54.7	`hsl(297,34.2%,54.7%)`
HSV (or HSB)	297°, 44.1, 70.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.475, 42.372, -29.402
XYZ	30.372, 21.484, 45.192
xyY	0.313, 0.221, 21.484
CIE-LCH	53.475, 51.574, 325.243
CIE-LUV	53.475, 35.457, -50.25
Hunter-Lab	46.351, 35.85, -25.362
Binary	10101111, 01100100, 10110011

#af64b3
```
#af64b3 rgb(175,100,179)
```
#68b364
```
#68b364 rgb(104,179,100)
```

Complementary Color

#8864b3
```
#8864b3 rgb(136,100,179)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#b36490
```
#b36490 rgb(179,100,144)
```

Analogous Color

#64b388
```
#64b388 rgb(100,179,136)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#90b364
```
#90b364 rgb(144,179,100)
```

Split Complementary Color

#64b3af
```
#64b3af rgb(100,179,175)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#b3af64
```
#b3af64 rgb(179,175,100)
```

Triadic Color

#6468b3
```
#6468b3 rgb(100,104,179)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#b3af64
```
#b3af64 rgb(179,175,100)
```
#68b364
```
#68b364 rgb(104,179,100)
```

Tetradic Color

#844388
```
#844388 rgb(132,67,136)
```
#954b99
```
#954b99 rgb(149,75,153)
```
#a653aa
```
#a653aa rgb(166,83,170)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#b875bb
```
#b875bb rgb(184,117,187)
```
#c186c4
```
#c186c4 rgb(193,134,196)
```
#c997cc
```
#c997cc rgb(201,151,204)
```

Monochromatic Color

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

#9b64b3
```
#9b64b3 rgb(155,100,179)
```
#a264b3
```
#a264b3 rgb(162,100,179)
```
#a864b3
```
#a864b3 rgb(168,100,179)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#b364b0
```
#b364b0 rgb(179,100,176)
```
#b364aa
```
#b364aa rgb(179,100,170)
```
#b364a3
```
#b364a3 rgb(179,100,163)
```

Similar Colors

Text with hexadecimal color #af64b3

This text has a font color of #af64b3.

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

#af64b3 background color

This paragraph has a background color of #af64b3.

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

#af64b3 border color

This element has a border color of #af64b3.

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

CSS codes

.text {color:#af64b3;}

.background {background-color:#af64b3;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#100810
```
#100810 rgb(16,8,16)
```
#1d0e1d
```
#1d0e1d rgb(29,14,29)
```
#29152a
```
#29152a rgb(41,21,42)
```
#361b38
```
#361b38 rgb(54,27,56)
```
#432245
```
#432245 rgb(67,34,69)
```
#502852
```
#502852 rgb(80,40,82)
```
#5d2f5f
```
#5d2f5f rgb(93,47,95)
```
#69356c
```
#69356c rgb(105,53,108)
```
#763c79
```
#763c79 rgb(118,60,121)
```
#834287
```
#834287 rgb(131,66,135)
```
#904894
```
#904894 rgb(144,72,148)
```
#9d4fa1
```
#9d4fa1 rgb(157,79,161)
```

Shade Color Variation

#a857ad
```
#a857ad rgb(168,87,173)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#b671b9
```
#b671b9 rgb(182,113,185)
```
#bd7ec0
```
#bd7ec0 rgb(189,126,192)
```
#c38bc6
```
#c38bc6 rgb(195,139,198)
```
#ca99cd
```
#ca99cd rgb(202,153,205)
```
#d1a6d3
```
#d1a6d3 rgb(209,166,211)
```
#d8b3da
```
#d8b3da rgb(216,179,218)
```
#dfc0e0
```
#dfc0e0 rgb(223,192,224)
```
#e5cde7
```
#e5cde7 rgb(229,205,231)
```
#ecdaed
```
#ecdaed rgb(236,218,237)
```
#f3e8f4
```
#f3e8f4 rgb(243,232,244)
```
#faf5fa
```
#faf5fa rgb(250,245,250)
```

Tint Color Variation

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

#8f888f
```
#8f888f rgb(143,136,143)
```
#977f98
```
#977f98 rgb(151,127,152)
```
#9f76a1
```
#9f76a1 rgb(159,118,161)
```
#a76daa
```
#a76daa rgb(167,109,170)
```
#af64b3
```
#af64b3 rgb(175,100,179)
```
#b75bbc
```
#b75bbc rgb(183,91,188)
```
#bf52c5
```
#bf52c5 rgb(191,82,197)
```
#c749ce
```
#c749ce rgb(199,73,206)
```
#cf40d7
```
#cf40d7 rgb(207,64,215)
```
#d738df
```
#d738df rgb(215,56,223)
```
#df2fe8
```
#df2fe8 rgb(223,47,232)
```
#e726f1
```
#e726f1 rgb(231,38,241)
```
#ef1dfa
```
#ef1dfa rgb(239,29,250)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c7d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b84c8 Protanopia 1% of men
#7a84af Deuteranopia 1% of men
#ab7881 Tritanopia 0.001% of the population

Trichromacy

#8478c0 Protanomaly 1% of men, 0.01% of women
#8d78b0 Deuteranomaly 6% of men, 0.4% of women
#ac7193 Tritanomaly 0.01% of the population

#af64b3 hex color

#af64b3 Color Information

#af64b3 Color Conversion

Color Schemes with #af64b3

Alternatives to #af64b3

#af64b3 Preview

Shades and Tints of #af64b3

Tones of #af64b3

Color Blindness Simulator