#af20fe hex color

In a RGB color space, hex #af20fe is composed of 68.6% red, 12.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 87.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 278.6 degrees, a saturation of 99.1% and a lightness of 56.1%. #af20fe color hex could be obtained by blending #ff40ff with #5f00fd. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 13
- B 100
RGB color chart
- C 31
- M 87
- Y 0
- K 0
CMYK color chart

● #af20fe color description : Vivid violet.

The hexadecimal color #af20fe has RGB values of R:175, G:32, B:254 and CMYK values of C:0.31, M:0.87, Y:0, K:0. Its decimal value is 11477246.

Hex triplet	af20fe	`#af20fe`
RGB Decimal	175, 32, 254	`rgb(175,32,254)`
RGB Percent	68.6, 12.5, 99.6	`rgb(68.6%,12.5%,99.6%)`
CMYK	31, 87, 0, 0
HSL	278.6°, 99.1, 56.1	`hsl(278.6,99.1%,56.1%)`
HSV (or HSB)	278.6°, 87.4, 99.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.64, 83.417, -79.795
XYZ	36.083, 17.304, 95.2
xyY	0.243, 0.116, 17.304
CIE-LCH	48.64, 115.437, 316.271
CIE-LUV	48.64, 31.917, -126.719
Hunter-Lab	41.598, 82.038, -106.572
Binary	10101111, 00100000, 11111110

#af20fe
```
#af20fe rgb(175,32,254)
```
#6ffe20
```
#6ffe20 rgb(111,254,32)
```

Complementary Color

#4020fe
```
#4020fe rgb(64,32,254)
```
#af20fe
```
#af20fe rgb(175,32,254)
```
#fe20de
```
#fe20de rgb(254,32,222)
```

Analogous Color

#20fe40
```
#20fe40 rgb(32,254,64)
```
#af20fe
```
#af20fe rgb(175,32,254)
```
#defe20
```
#defe20 rgb(222,254,32)
```

Split Complementary Color

#20feaf
```
#20feaf rgb(32,254,175)
```
#af20fe
```
#af20fe rgb(175,32,254)
```
#feaf20
```
#feaf20 rgb(254,175,32)
```

Triadic Color

#206ffe
```
#206ffe rgb(32,111,254)
```
#af20fe
```
#af20fe rgb(175,32,254)
```
#feaf20
```
#feaf20 rgb(254,175,32)
```
#6ffe20
```
#6ffe20 rgb(111,254,32)
```

Tetradic Color

#8701d1
```
#8701d1 rgb(135,1,209)
```
#9701ea
```
#9701ea rgb(151,1,234)
```
#a607fe
```
#a607fe rgb(166,7,254)
```
#af20fe
```
#af20fe rgb(175,32,254)
```
#b839fe
```
#b839fe rgb(184,57,254)
```
#c153fe
```
#c153fe rgb(193,83,254)
```
#ca6cfe
```
#ca6cfe rgb(202,108,254)
```

Monochromatic Color

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

#7820fe
```
#7820fe rgb(120,32,254)
```
#8a20fe
```
#8a20fe rgb(138,32,254)
```
#9d20fe
```
#9d20fe rgb(157,32,254)
```
#af20fe
```
#af20fe rgb(175,32,254)
```
#c220fe
```
#c220fe rgb(194,32,254)
```
#d420fe
```
#d420fe rgb(212,32,254)
```
#e720fe
```
#e720fe rgb(231,32,254)
```

Similar Colors

Text with hexadecimal color #af20fe

This text has a font color of #af20fe.

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

#af20fe background color

This paragraph has a background color of #af20fe.

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

#af20fe border color

This element has a border color of #af20fe.

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

CSS codes

.text {color:#af20fe;}

.background {background-color:#af20fe;}

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

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, #07000b is the darkest color, while #fcf7ff is the lightest one.

#07000b
```
#07000b rgb(7,0,11)
```
#14001f
```
#14001f rgb(20,0,31)
```
#210032
```
#210032 rgb(33,0,50)
```
#2d0046
```
#2d0046 rgb(45,0,70)
```
#3a0059
```
#3a0059 rgb(58,0,89)
```
#46006d
```
#46006d rgb(70,0,109)
```
#530181
```
#530181 rgb(83,1,129)
```
#600194
```
#600194 rgb(96,1,148)
```
#6c01a8
```
#6c01a8 rgb(108,1,168)
```
#7901bb
```
#7901bb rgb(121,1,187)
```
#8501cf
```
#8501cf rgb(133,1,207)
```
#9201e2
```
#9201e2 rgb(146,1,226)
```
#9f01f6
```
#9f01f6 rgb(159,1,246)
```

Shade Color Variation

#a80cfe
```
#a80cfe rgb(168,12,254)
```
#af20fe
```
#af20fe rgb(175,32,254)
```
#b634fe
```
#b634fe rgb(182,52,254)
```
#bd47fe
```
#bd47fe rgb(189,71,254)
```
#c45bfe
```
#c45bfe rgb(196,91,254)
```
#cb6efe
```
#cb6efe rgb(203,110,254)
```
#d282fe
```
#d282fe rgb(210,130,254)
```
#d995ff
```
#d995ff rgb(217,149,255)
```
#e0a9ff
```
#e0a9ff rgb(224,169,255)
```
#e7bcff
```
#e7bcff rgb(231,188,255)
```
#eed0ff
```
#eed0ff rgb(238,208,255)
```
#f5e3ff
```
#f5e3ff rgb(245,227,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#918797
```
#918797 rgb(145,135,151)
```
#947f9f
```
#947f9f rgb(148,127,159)
```
#9676a8
```
#9676a8 rgb(150,118,168)
```
#996eb0
```
#996eb0 rgb(153,110,176)
```
#9b65b9
```
#9b65b9 rgb(155,101,185)
```
#9e5cc2
```
#9e5cc2 rgb(158,92,194)
```
#a054ca
```
#a054ca rgb(160,84,202)
```
#a34bd3
```
#a34bd3 rgb(163,75,211)
```
#a542dc
```
#a542dc rgb(165,66,220)
```
#a83ae4
```
#a83ae4 rgb(168,58,228)
```
#aa31ed
```
#aa31ed rgb(170,49,237)
```
#ad29f5
```
#ad29f5 rgb(173,41,245)
```
#af20fe
```
#af20fe rgb(175,32,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#735683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e7 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#967078 Tritanopia 0.001% of the population

Trichromacy

#3f57ef Protanomaly 1% of men, 0.01% of women
#3f5bde Deuteranomaly 6% of men, 0.4% of women
#9f53a9 Tritanomaly 0.01% of the population

#af20fe hex color

#af20fe Color Information

#af20fe Color Conversion

Color Schemes with #af20fe

Alternatives to #af20fe

#af20fe Preview

Shades and Tints of #af20fe

Tones of #af20fe

Color Blindness Simulator