#af64e1 hex color

In a RGB color space, hex #af64e1 is composed of 68.6% red, 39.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 55.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 276 degrees, a saturation of 67.6% and a lightness of 63.7%. #af64e1 color hex could be obtained by blending #ffc8ff with #5f00c3. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 39
- B 88
RGB color chart
- C 22
- M 56
- Y 0
- K 12
CMYK color chart

● #af64e1 color description : Soft violet.

The hexadecimal color #af64e1 has RGB values of R:175, G:100, B:225 and CMYK values of C:0.22, M:0.56, Y:0, K:0.12. Its decimal value is 11494625.

Hex triplet	af64e1	`#af64e1`
RGB Decimal	175, 100, 225	`rgb(175,100,225)`
RGB Percent	68.6, 39.2, 88.2	`rgb(68.6%,39.2%,88.2%)`
CMYK	22, 56, 0, 12
HSL	276°, 67.6, 63.7	`hsl(276,67.6%,63.7%)`
HSV (or HSB)	276°, 55.6, 88.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	55.751, 51.904, -52.062
XYZ	35.825, 23.665, 73.911
xyY	0.269, 0.177, 23.665
CIE-LCH	55.751, 73.515, 314.913
CIE-LUV	55.751, 26.168, -87.422
Hunter-Lab	48.647, 46.32, -56.028
Binary	10101111, 01100100, 11100001

#af64e1
```
#af64e1 rgb(175,100,225)
```
#96e164
```
#96e164 rgb(150,225,100)
```

Complementary Color

#7164e1
```
#7164e1 rgb(113,100,225)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#e164d5
```
#e164d5 rgb(225,100,213)
```

Analogous Color

#64e171
```
#64e171 rgb(100,225,113)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#d5e164
```
#d5e164 rgb(213,225,100)
```

Split Complementary Color

#64e1af
```
#64e1af rgb(100,225,175)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#e1af64
```
#e1af64 rgb(225,175,100)
```

Triadic Color

#6496e1
```
#6496e1 rgb(100,150,225)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#e1af64
```
#e1af64 rgb(225,175,100)
```
#96e164
```
#96e164 rgb(150,225,100)
```

Tetradic Color

#8d28d0
```
#8d28d0 rgb(141,40,208)
```
#9939d9
```
#9939d9 rgb(153,57,217)
```
#a44fdd
```
#a44fdd rgb(164,79,221)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#ba79e5
```
#ba79e5 rgb(186,121,229)
```
#c58fe9
```
#c58fe9 rgb(197,143,233)
```
#d0a4ed
```
#d0a4ed rgb(208,164,237)
```

Monochromatic Color

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

#9064e1
```
#9064e1 rgb(144,100,225)
```
#9a64e1
```
#9a64e1 rgb(154,100,225)
```
#a564e1
```
#a564e1 rgb(165,100,225)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#b964e1
```
#b964e1 rgb(185,100,225)
```
#c464e1
```
#c464e1 rgb(196,100,225)
```
#ce64e1
```
#ce64e1 rgb(206,100,225)
```

Similar Colors

Text with hexadecimal color #af64e1

This text has a font color of #af64e1.

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

#af64e1 background color

This paragraph has a background color of #af64e1.

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

#af64e1 border color

This element has a border color of #af64e1.

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

CSS codes

.text {color:#af64e1;}

.background {background-color:#af64e1;}

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

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

#060209
```
#060209 rgb(6,2,9)
```
#11051a
```
#11051a rgb(17,5,26)
```
#1d082a
```
#1d082a rgb(29,8,42)
```
#280b3b
```
#280b3b rgb(40,11,59)
```
#330f4b
```
#330f4b rgb(51,15,75)
```
#3e125c
```
#3e125c rgb(62,18,92)
```
#49156c
```
#49156c rgb(73,21,108)
```
#54187c
```
#54187c rgb(84,24,124)
```
#5f1b8d
```
#5f1b8d rgb(95,27,141)
```
#6b1e9d
```
#6b1e9d rgb(107,30,157)
```
#7622ae
```
#7622ae rgb(118,34,174)
```
#8125be
```
#8125be rgb(129,37,190)
```
#8c28cf
```
#8c28cf rgb(140,40,207)
```

Shade Color Variation

#9633d7
```
#9633d7 rgb(150,51,215)
```
#9e43db
```
#9e43db rgb(158,67,219)
```
#a754de
```
#a754de rgb(167,84,222)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#b774e4
```
#b774e4 rgb(183,116,228)
```
#c085e7
```
#c085e7 rgb(192,133,231)
```
#c895eb
```
#c895eb rgb(200,149,235)
```
#d1a6ee
```
#d1a6ee rgb(209,166,238)
```
#d9b6f1
```
#d9b6f1 rgb(217,182,241)
```
#e2c7f4
```
#e2c7f4 rgb(226,199,244)
```
#ead7f7
```
#ead7f7 rgb(234,215,247)
```
#f3e7fa
```
#f3e7fa rgb(243,231,250)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#a49da8
```
#a49da8 rgb(164,157,168)
```
#a596af
```
#a596af rgb(165,150,175)
```
#a68fb6
```
#a68fb6 rgb(166,143,182)
```
#a888bd
```
#a888bd rgb(168,136,189)
```
#a980c5
```
#a980c5 rgb(169,128,197)
```
#ab79cc
```
#ab79cc rgb(171,121,204)
```
#ac72d3
```
#ac72d3 rgb(172,114,211)
```
#ae6bda
```
#ae6bda rgb(174,107,218)
```
#af64e1
```
#af64e1 rgb(175,100,225)
```
#b05de8
```
#b05de8 rgb(176,93,232)
```
#b256ef
```
#b256ef rgb(178,86,239)
```
#b34ff6
```
#b34ff6 rgb(179,79,246)
```
#b548fd
```
#b548fd rgb(181,72,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#91829b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4588f9 Protanopia 1% of men
#5a8cd7 Deuteranopia 1% of men
#a2838d Tritanopia 0.001% of the population

Trichromacy

#6b7af0 Protanomaly 1% of men, 0.01% of women
#797ddb Deuteranomaly 6% of men, 0.4% of women
#a778ab Tritanomaly 0.01% of the population

#af64e1 hex color

#af64e1 Color Information

#af64e1 Color Conversion

Color Schemes with #af64e1

Alternatives to #af64e1

#af64e1 Preview

Shades and Tints of #af64e1

Tones of #af64e1

Color Blindness Simulator