#af64dc hex color

In a RGB color space, hex #af64dc is composed of 68.6% red, 39.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 54.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 277.5 degrees, a saturation of 63.2% and a lightness of 62.7%. #af64dc color hex could be obtained by blending #ffc8ff with #5f00b9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 39
- B 86
RGB color chart
- C 20
- M 55
- Y 0
- K 14
CMYK color chart

● #af64dc color description : Soft violet.

The hexadecimal color #af64dc has RGB values of R:175, G:100, B:220 and CMYK values of C:0.2, M:0.55, Y:0, K:0.14. Its decimal value is 11494620.

Hex triplet	af64dc	`#af64dc`
RGB Decimal	175, 100, 220	`rgb(175,100,220)`
RGB Percent	68.6, 39.2, 86.3	`rgb(68.6%,39.2%,86.3%)`
CMYK	20, 55, 0, 14
HSL	277.5°, 63.2, 62.7	`hsl(277.5,63.2%,62.7%)`
HSV (or HSB)	277.5°, 54.5, 86.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	55.478, 50.807, -49.679
XYZ	35.153, 23.396, 70.37
xyY	0.273, 0.181, 23.396
CIE-LCH	55.478, 71.059, 315.643
CIE-LUV	55.478, 27.123, -83.481
Hunter-Lab	48.37, 45.078, -52.399
Binary	10101111, 01100100, 11011100

#af64dc
```
#af64dc rgb(175,100,220)
```
#91dc64
```
#91dc64 rgb(145,220,100)
```

Complementary Color

#7364dc
```
#7364dc rgb(115,100,220)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#dc64cd
```
#dc64cd rgb(220,100,205)
```

Analogous Color

#64dc73
```
#64dc73 rgb(100,220,115)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#cddc64
```
#cddc64 rgb(205,220,100)
```

Split Complementary Color

#64dcaf
```
#64dcaf rgb(100,220,175)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#dcaf64
```
#dcaf64 rgb(220,175,100)
```

Triadic Color

#6491dc
```
#6491dc rgb(100,145,220)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#dcaf64
```
#dcaf64 rgb(220,175,100)
```
#91dc64
```
#91dc64 rgb(145,220,100)
```

Tetradic Color

#8d2dc7
```
#8d2dc7 rgb(141,45,199)
```
#9a3ad3
```
#9a3ad3 rgb(154,58,211)
```
#a44fd7
```
#a44fd7 rgb(164,79,215)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#ba79e1
```
#ba79e1 rgb(186,121,225)
```
#c48ee5
```
#c48ee5 rgb(196,142,229)
```
#cfa2ea
```
#cfa2ea rgb(207,162,234)
```

Monochromatic Color

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

#9164dc
```
#9164dc rgb(145,100,220)
```
#9b64dc
```
#9b64dc rgb(155,100,220)
```
#a564dc
```
#a564dc rgb(165,100,220)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#b964dc
```
#b964dc rgb(185,100,220)
```
#c364dc
```
#c364dc rgb(195,100,220)
```
#cd64dc
```
#cd64dc rgb(205,100,220)
```

Similar Colors

Text with hexadecimal color #af64dc

This text has a font color of #af64dc.

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

#af64dc background color

This paragraph has a background color of #af64dc.

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

#af64dc border color

This element has a border color of #af64dc.

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

CSS codes

.text {color:#af64dc;}

.background {background-color:#af64dc;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#0f0515
```
#0f0515 rgb(15,5,21)
```
#1a0825
```
#1a0825 rgb(26,8,37)
```
#260c35
```
#260c35 rgb(38,12,53)
```
#311045
```
#311045 rgb(49,16,69)
```
#3c1355
```
#3c1355 rgb(60,19,85)
```
#481765
```
#481765 rgb(72,23,101)
```
#531a75
```
#531a75 rgb(83,26,117)
```
#5e1e85
```
#5e1e85 rgb(94,30,133)
```
#6a2295
```
#6a2295 rgb(106,34,149)
```
#7525a5
```
#7525a5 rgb(117,37,165)
```
#8029b5
```
#8029b5 rgb(128,41,181)
```
#8c2cc5
```
#8c2cc5 rgb(140,44,197)
```

Shade Color Variation

#9634d1
```
#9634d1 rgb(150,52,209)
```
#9e44d5
```
#9e44d5 rgb(158,68,213)
```
#a754d8
```
#a754d8 rgb(167,84,216)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#b774e0
```
#b774e0 rgb(183,116,224)
```
#c084e3
```
#c084e3 rgb(192,132,227)
```
#c894e7
```
#c894e7 rgb(200,148,231)
```
#d0a4ea
```
#d0a4ea rgb(208,164,234)
```
#d8b4ee
```
#d8b4ee rgb(216,180,238)
```
#e1c4f2
```
#e1c4f2 rgb(225,196,242)
```
#e9d4f5
```
#e9d4f5 rgb(233,212,245)
```
#f1e4f9
```
#f1e4f9 rgb(241,228,249)
```
#f9f4fd
```
#f9f4fd rgb(249,244,253)
```

Tint Color Variation

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

#a09ea2
```
#a09ea2 rgb(160,158,162)
```
#a297a9
```
#a297a9 rgb(162,151,169)
```
#a490b0
```
#a490b0 rgb(164,144,176)
```
#a689b7
```
#a689b7 rgb(166,137,183)
```
#a881bf
```
#a881bf rgb(168,129,191)
```
#aa7ac6
```
#aa7ac6 rgb(170,122,198)
```
#ab73cd
```
#ab73cd rgb(171,115,205)
```
#ad6bd5
```
#ad6bd5 rgb(173,107,213)
```
#af64dc
```
#af64dc rgb(175,100,220)
```
#b15de3
```
#b15de3 rgb(177,93,227)
```
#b355eb
```
#b355eb rgb(179,85,235)
```
#b44ef2
```
#b44ef2 rgb(180,78,242)
```
#b647f9
```
#b647f9 rgb(182,71,249)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#908199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b87f4 Protanopia 1% of men
#5f8bd3 Deuteranopia 1% of men
#a3828b Tritanopia 0.001% of the population

Trichromacy

#6f7aeb Protanomaly 1% of men, 0.01% of women
#7c7dd6 Deuteranomaly 6% of men, 0.4% of women
#a777a8 Tritanomaly 0.01% of the population

#af64dc hex color

#af64dc Color Information

#af64dc Color Conversion

Color Schemes with #af64dc

Alternatives to #af64dc

#af64dc Preview

Shades and Tints of #af64dc

Tones of #af64dc

Color Blindness Simulator