#af20e7 hex color

In a RGB color space, hex #af20e7 is composed of 68.6% red, 12.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 86.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 283.1 degrees, a saturation of 80.6% and a lightness of 51.6%. #af20e7 color hex could be obtained by blending #ff40ff with #5f00cf. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 13
- B 91
RGB color chart
- C 24
- M 86
- Y 0
- K 9
CMYK color chart

● #af20e7 color description : Vivid violet.

The hexadecimal color #af20e7 has RGB values of R:175, G:32, B:231 and CMYK values of C:0.24, M:0.86, Y:0, K:0.09. Its decimal value is 11477223.

Hex triplet	af20e7	`#af20e7`
RGB Decimal	175, 32, 231	`rgb(175,32,231)`
RGB Percent	68.6, 12.5, 90.6	`rgb(68.6%,12.5%,90.6%)`
CMYK	24, 86, 0, 9
HSL	283.1°, 80.6, 51.6	`hsl(283.1,80.6%,51.6%)`
HSV (or HSB)	283.1°, 86.1, 90.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	46.866, 79.084, -69.758
XYZ	32.618, 15.918, 76.951
xyY	0.26, 0.127, 15.918
CIE-LCH	46.866, 105.453, 318.585
CIE-LUV	46.866, 37.737, -111.552
Hunter-Lab	39.897, 76.112, -86.427
Binary	10101111, 00100000, 11100111

#af20e7
```
#af20e7 rgb(175,32,231)
```
#58e720
```
#58e720 rgb(88,231,32)
```

Complementary Color

#4c20e7
```
#4c20e7 rgb(76,32,231)
```
#af20e7
```
#af20e7 rgb(175,32,231)
```
#e720bc
```
#e720bc rgb(231,32,188)
```

Analogous Color

#20e74c
```
#20e74c rgb(32,231,76)
```
#af20e7
```
#af20e7 rgb(175,32,231)
```
#bce720
```
#bce720 rgb(188,231,32)
```

Split Complementary Color

#20e7af
```
#20e7af rgb(32,231,175)
```
#af20e7
```
#af20e7 rgb(175,32,231)
```
#e7af20
```
#e7af20 rgb(231,175,32)
```

Triadic Color

#2058e7
```
#2058e7 rgb(32,88,231)
```
#af20e7
```
#af20e7 rgb(175,32,231)
```
#e7af20
```
#e7af20 rgb(231,175,32)
```
#58e720
```
#58e720 rgb(88,231,32)
```

Tetradic Color

#7e12a8
```
#7e12a8 rgb(126,18,168)
```
#8f15bf
```
#8f15bf rgb(143,21,191)
```
#a117d6
```
#a117d6 rgb(161,23,214)
```
#af20e7
```
#af20e7 rgb(175,32,231)
```
#b737e9
```
#b737e9 rgb(183,55,233)
```
#c04eec
```
#c04eec rgb(192,78,236)
```
#c865ee
```
#c865ee rgb(200,101,238)
```

Monochromatic Color

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

#7d20e7
```
#7d20e7 rgb(125,32,231)
```
#8e20e7
```
#8e20e7 rgb(142,32,231)
```
#9e20e7
```
#9e20e7 rgb(158,32,231)
```
#af20e7
```
#af20e7 rgb(175,32,231)
```
#c020e7
```
#c020e7 rgb(192,32,231)
```
#d020e7
```
#d020e7 rgb(208,32,231)
```
#e120e7
```
#e120e7 rgb(225,32,231)
```

Similar Colors

Text with hexadecimal color #af20e7

This text has a font color of #af20e7.

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

#af20e7 background color

This paragraph has a background color of #af20e7.

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

#af20e7 border color

This element has a border color of #af20e7.

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

CSS codes

.text {color:#af20e7;}

.background {background-color:#af20e7;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#130319
```
#130319 rgb(19,3,25)
```
#20052b
```
#20052b rgb(32,5,43)
```
#2d063c
```
#2d063c rgb(45,6,60)
```
#3a084e
```
#3a084e rgb(58,8,78)
```
#480a60
```
#480a60 rgb(72,10,96)
```
#550c71
```
#550c71 rgb(85,12,113)
```
#620e83
```
#620e83 rgb(98,14,131)
```
#701095
```
#701095 rgb(112,16,149)
```
#7d12a7
```
#7d12a7 rgb(125,18,167)
```
#8a14b8
```
#8a14b8 rgb(138,20,184)
```
#9716ca
```
#9716ca rgb(151,22,202)
```
#a518dc
```
#a518dc rgb(165,24,220)
```

Shade Color Variation

#af20e7
```
#af20e7 rgb(175,32,231)
```
#b532e9
```
#b532e9 rgb(181,50,233)
```
#bc43eb
```
#bc43eb rgb(188,67,235)
```
#c255ed
```
#c255ed rgb(194,85,237)
```
#c867ef
```
#c867ef rgb(200,103,239)
```
#cf79f1
```
#cf79f1 rgb(207,121,241)
```
#d58af2
```
#d58af2 rgb(213,138,242)
```
#db9cf4
```
#db9cf4 rgb(219,156,244)
```
#e2aef6
```
#e2aef6 rgb(226,174,246)
```
#e8bff8
```
#e8bff8 rgb(232,191,248)
```
#efd1fa
```
#efd1fa rgb(239,209,250)
```
#f5e3fc
```
#f5e3fc rgb(245,227,252)
```
#fbf5fe
```
#fbf5fe rgb(251,245,254)
```

Tint Color Variation

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

#857f88
```
#857f88 rgb(133,127,136)
```
#8a7692
```
#8a7692 rgb(138,118,146)
```
#8e6c9b
```
#8e6c9b rgb(142,108,155)
```
#9263a5
```
#9263a5 rgb(146,99,165)
```
#9659ae
```
#9659ae rgb(150,89,174)
```
#9a50b8
```
#9a50b8 rgb(154,80,184)
```
#9e46c1
```
#9e46c1 rgb(158,70,193)
```
#a33dcb
```
#a33dcb rgb(163,61,203)
```
#a733d4
```
#a733d4 rgb(167,51,212)
```
#ab2ade
```
#ab2ade rgb(171,42,222)
```
#af20e7
```
#af20e7 rgb(175,32,231)
```
#b316f1
```
#b316f1 rgb(179,22,241)
```
#b70dfa
```
#b70dfa rgb(183,13,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71547c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#9c676f Tritanopia 0.001% of the population

Trichromacy

#3f54e2 Protanomaly 1% of men, 0.01% of women
#3f58d2 Deuteranomaly 6% of men, 0.4% of women
#a34d9a Tritanomaly 0.01% of the population

#af20e7 hex color

#af20e7 Color Information

#af20e7 Color Conversion

Color Schemes with #af20e7

Alternatives to #af20e7

#af20e7 Preview

Shades and Tints of #af20e7

Tones of #af20e7

Color Blindness Simulator