#af64e2 hex color

In a RGB color space, hex #af64e2 is composed of 68.6% red, 39.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 55.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 275.7 degrees, a saturation of 68.5% and a lightness of 63.9%. #af64e2 color hex could be obtained by blending #ffc8ff with #5f00c5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 39
- B 89
RGB color chart
- C 23
- M 56
- Y 0
- K 11
CMYK color chart

● #af64e2 color description : Soft violet.

The hexadecimal color #af64e2 has RGB values of R:175, G:100, B:226 and CMYK values of C:0.23, M:0.56, Y:0, K:0.11. Its decimal value is 11494626.

Hex triplet	af64e2	`#af64e2`
RGB Decimal	175, 100, 226	`rgb(175,100,226)`
RGB Percent	68.6, 39.2, 88.6	`rgb(68.6%,39.2%,88.6%)`
CMYK	23, 56, 0, 11
HSL	275.7°, 68.5, 63.9	`hsl(275.7,68.5%,63.9%)`
HSV (or HSB)	275.7°, 55.8, 88.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	55.806, 52.125, -52.536
XYZ	35.962, 23.72, 74.631
xyY	0.268, 0.177, 23.72
CIE-LCH	55.806, 74.007, 314.775
CIE-LUV	55.806, 25.979, -88.207
Hunter-Lab	48.703, 46.571, -56.762
Binary	10101111, 01100100, 11100010

#af64e2
```
#af64e2 rgb(175,100,226)
```
#97e264
```
#97e264 rgb(151,226,100)
```

Complementary Color

#7064e2
```
#7064e2 rgb(112,100,226)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#e264d6
```
#e264d6 rgb(226,100,214)
```

Analogous Color

#64e270
```
#64e270 rgb(100,226,112)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#d6e264
```
#d6e264 rgb(214,226,100)
```

Split Complementary Color

#64e2af
```
#64e2af rgb(100,226,175)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#e2af64
```
#e2af64 rgb(226,175,100)
```

Triadic Color

#6497e2
```
#6497e2 rgb(100,151,226)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#e2af64
```
#e2af64 rgb(226,175,100)
```
#97e264
```
#97e264 rgb(151,226,100)
```

Tetradic Color

#8d27d2
```
#8d27d2 rgb(141,39,210)
```
#9939da
```
#9939da rgb(153,57,218)
```
#a44fde
```
#a44fde rgb(164,79,222)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#ba79e6
```
#ba79e6 rgb(186,121,230)
```
#c58fea
```
#c58fea rgb(197,143,234)
```
#d0a4ee
```
#d0a4ee rgb(208,164,238)
```

Monochromatic Color

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

#9064e2
```
#9064e2 rgb(144,100,226)
```
#9a64e2
```
#9a64e2 rgb(154,100,226)
```
#a564e2
```
#a564e2 rgb(165,100,226)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#ba64e2
```
#ba64e2 rgb(186,100,226)
```
#c464e2
```
#c464e2 rgb(196,100,226)
```
#cf64e2
```
#cf64e2 rgb(207,100,226)
```

Similar Colors

Text with hexadecimal color #af64e2

This text has a font color of #af64e2.

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

#af64e2 background color

This paragraph has a background color of #af64e2.

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

#af64e2 border color

This element has a border color of #af64e2.

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

CSS codes

.text {color:#af64e2;}

.background {background-color:#af64e2;}

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

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, #07020a is the darkest color, while #fcf9fe is the lightest one.

#07020a
```
#07020a rgb(7,2,10)
```
#12051b
```
#12051b rgb(18,5,27)
```
#1d082b
```
#1d082b rgb(29,8,43)
```
#280b3c
```
#280b3c rgb(40,11,60)
```
#330e4c
```
#330e4c rgb(51,14,76)
```
#3e115d
```
#3e115d rgb(62,17,93)
```
#49146d
```
#49146d rgb(73,20,109)
```
#54187e
```
#54187e rgb(84,24,126)
```
#601b8e
```
#601b8e rgb(96,27,142)
```
#6b1e9f
```
#6b1e9f rgb(107,30,159)
```
#7621af
```
#7621af rgb(118,33,175)
```
#8124c0
```
#8124c0 rgb(129,36,192)
```
#8c27d1
```
#8c27d1 rgb(140,39,209)
```

Shade Color Variation

#9532d9
```
#9532d9 rgb(149,50,217)
```
#9e43dc
```
#9e43dc rgb(158,67,220)
```
#a653df
```
#a653df rgb(166,83,223)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#b875e5
```
#b875e5 rgb(184,117,229)
```
#c085e8
```
#c085e8 rgb(192,133,232)
```
#c996eb
```
#c996eb rgb(201,150,235)
```
#d1a6ee
```
#d1a6ee rgb(209,166,238)
```
#dab7f1
```
#dab7f1 rgb(218,183,241)
```
#e2c7f5
```
#e2c7f5 rgb(226,199,245)
```
#ebd8f8
```
#ebd8f8 rgb(235,216,248)
```
#f3e8fb
```
#f3e8fb rgb(243,232,251)
```
#fcf9fe
```
#fcf9fe rgb(252,249,254)
```

Tint Color Variation

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

#a49da9
```
#a49da9 rgb(164,157,169)
```
#a696b0
```
#a696b0 rgb(166,150,176)
```
#a78eb8
```
#a78eb8 rgb(167,142,184)
```
#a887bf
```
#a887bf rgb(168,135,191)
```
#aa80c6
```
#aa80c6 rgb(170,128,198)
```
#ab79cd
```
#ab79cd rgb(171,121,205)
```
#ac72d4
```
#ac72d4 rgb(172,114,212)
```
#ae6bdb
```
#ae6bdb rgb(174,107,219)
```
#af64e2
```
#af64e2 rgb(175,100,226)
```
#b05de9
```
#b05de9 rgb(176,93,233)
```
#b256f0
```
#b256f0 rgb(178,86,240)
```
#b34ff7
```
#b34ff7 rgb(179,79,247)
```
#b448fe
```
#b448fe rgb(180,72,254)
```

Tone Color Variation

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

#4388fb Protanopia 1% of men
#598cd8 Deuteranopia 1% of men
#a2848d Tritanopia 0.001% of the population

Trichromacy

#6a7bf1 Protanomaly 1% of men, 0.01% of women
#787ddb Deuteranomaly 6% of men, 0.4% of women
#a678ac Tritanomaly 0.01% of the population

#af64e2 hex color

#af64e2 Color Information

#af64e2 Color Conversion

Color Schemes with #af64e2

Alternatives to #af64e2

#af64e2 Preview

Shades and Tints of #af64e2

Tones of #af64e2

Color Blindness Simulator