#af20ec hex color

In a RGB color space, hex #af20ec is composed of 68.6% red, 12.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 86.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 282.1 degrees, a saturation of 84.3% and a lightness of 52.5%. #af20ec color hex could be obtained by blending #ff40ff with #5f00d9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 13
- B 93
RGB color chart
- C 26
- M 86
- Y 0
- K 7
CMYK color chart

● #af20ec color description : Vivid violet.

The hexadecimal color #af20ec has RGB values of R:175, G:32, B:236 and CMYK values of C:0.26, M:0.86, Y:0, K:0.07. Its decimal value is 11477228.

Hex triplet	af20ec	`#af20ec`
RGB Decimal	175, 32, 236	`rgb(175,32,236)`
RGB Percent	68.6, 12.5, 92.5	`rgb(68.6%,12.5%,92.5%)`
CMYK	26, 86, 0, 7
HSL	282.1°, 84.3, 52.5	`hsl(282.1,84.3%,52.5%)`
HSV (or HSB)	282.1°, 86.4, 92.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	47.241, 80.011, -71.977
XYZ	33.334, 16.204, 80.724
xyY	0.256, 0.124, 16.204
CIE-LCH	47.241, 107.622, 318.026
CIE-LUV	47.241, 36.408, -114.908
Hunter-Lab	40.254, 77.367, -90.719
Binary	10101111, 00100000, 11101100

#af20ec
```
#af20ec rgb(175,32,236)
```
#5dec20
```
#5dec20 rgb(93,236,32)
```

Complementary Color

#4920ec
```
#4920ec rgb(73,32,236)
```
#af20ec
```
#af20ec rgb(175,32,236)
```
#ec20c3
```
#ec20c3 rgb(236,32,195)
```

Analogous Color

#20ec49
```
#20ec49 rgb(32,236,73)
```
#af20ec
```
#af20ec rgb(175,32,236)
```
#c3ec20
```
#c3ec20 rgb(195,236,32)
```

Split Complementary Color

#20ecaf
```
#20ecaf rgb(32,236,175)
```
#af20ec
```
#af20ec rgb(175,32,236)
```
#ecaf20
```
#ecaf20 rgb(236,175,32)
```

Triadic Color

#205dec
```
#205dec rgb(32,93,236)
```
#af20ec
```
#af20ec rgb(175,32,236)
```
#ecaf20
```
#ecaf20 rgb(236,175,32)
```
#5dec20
```
#5dec20 rgb(93,236,32)
```

Tetradic Color

#800fb0
```
#800fb0 rgb(128,15,176)
```
#9111c8
```
#9111c8 rgb(145,17,200)
```
#a213df
```
#a213df rgb(162,19,223)
```
#af20ec
```
#af20ec rgb(175,32,236)
```
#b737ee
```
#b737ee rgb(183,55,238)
```
#c04ff0
```
#c04ff0 rgb(192,79,240)
```
#c866f2
```
#c866f2 rgb(200,102,242)
```

Monochromatic Color

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

#7c20ec
```
#7c20ec rgb(124,32,236)
```
#8d20ec
```
#8d20ec rgb(141,32,236)
```
#9e20ec
```
#9e20ec rgb(158,32,236)
```
#af20ec
```
#af20ec rgb(175,32,236)
```
#c020ec
```
#c020ec rgb(192,32,236)
```
#d120ec
```
#d120ec rgb(209,32,236)
```
#e220ec
```
#e220ec rgb(226,32,236)
```

Similar Colors

Text with hexadecimal color #af20ec

This text has a font color of #af20ec.

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

#af20ec background color

This paragraph has a background color of #af20ec.

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

#af20ec border color

This element has a border color of #af20ec.

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

CSS codes

.text {color:#af20ec;}

.background {background-color:#af20ec;}

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

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, #09010c is the darkest color, while #fdf9fe is the lightest one.

#09010c
```
#09010c rgb(9,1,12)
```
#16031e
```
#16031e rgb(22,3,30)
```
#230430
```
#230430 rgb(35,4,48)
```
#300642
```
#300642 rgb(48,6,66)
```
#3d0754
```
#3d0754 rgb(61,7,84)
```
#4a0966
```
#4a0966 rgb(74,9,102)
```
#570a78
```
#570a78 rgb(87,10,120)
```
#650c8b
```
#650c8b rgb(101,12,139)
```
#720d9d
```
#720d9d rgb(114,13,157)
```
#7f0faf
```
#7f0faf rgb(127,15,175)
```
#8c10c1
```
#8c10c1 rgb(140,16,193)
```
#9912d3
```
#9912d3 rgb(153,18,211)
```
#a614e5
```
#a614e5 rgb(166,20,229)
```

Shade Color Variation

#af20ec
```
#af20ec rgb(175,32,236)
```
#b532ee
```
#b532ee rgb(181,50,238)
```
#bc44ef
```
#bc44ef rgb(188,68,239)
```
#c256f1
```
#c256f1 rgb(194,86,241)
```
#c968f2
```
#c968f2 rgb(201,104,242)
```
#cf7af4
```
#cf7af4 rgb(207,122,244)
```
#d68cf5
```
#d68cf5 rgb(214,140,245)
```
#dc9ff7
```
#dc9ff7 rgb(220,159,247)
```
#e3b1f8
```
#e3b1f8 rgb(227,177,248)
```
#e9c3fa
```
#e9c3fa rgb(233,195,250)
```
#f0d5fb
```
#f0d5fb rgb(240,213,251)
```
#f6e7fd
```
#f6e7fd rgb(246,231,253)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#8a7d8f
```
#8a7d8f rgb(138,125,143)
```
#8d7498
```
#8d7498 rgb(141,116,152)
```
#916aa2
```
#916aa2 rgb(145,106,162)
```
#9561ab
```
#9561ab rgb(149,97,171)
```
#9958b4
```
#9958b4 rgb(153,88,180)
```
#9c4fbd
```
#9c4fbd rgb(156,79,189)
```
#a045c7
```
#a045c7 rgb(160,69,199)
```
#a43cd0
```
#a43cd0 rgb(164,60,208)
```
#a833d9
```
#a833d9 rgb(168,51,217)
```
#ab29e3
```
#ab29e3 rgb(171,41,227)
```
#af20ec
```
#af20ec rgb(175,32,236)
```
#b317f5
```
#b317f5 rgb(179,23,245)
```
#b60dff
```
#b60dff rgb(182,13,255)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#71557e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e1 Protanopia 1% of men
#0079c8 Deuteranopia 1% of men
#9b6971 Tritanopia 0.001% of the population

Trichromacy

#3f55e5 Protanomaly 1% of men, 0.01% of women
#3f59d5 Deuteranomaly 6% of men, 0.4% of women
#a24e9d Tritanomaly 0.01% of the population

#af20ec hex color

#af20ec Color Information

#af20ec Color Conversion

Color Schemes with #af20ec

Alternatives to #af20ec

#af20ec Preview

Shades and Tints of #af20ec

Tones of #af20ec

Color Blindness Simulator