#af20ed hex color

In a RGB color space, hex #af20ed is composed of 68.6% red, 12.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 86.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 281.9 degrees, a saturation of 85.1% and a lightness of 52.7%. #af20ed color hex could be obtained by blending #ff40ff with #5f00db. 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

● #af20ed color description : Vivid violet.

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

Hex triplet	af20ed	`#af20ed`
RGB Decimal	175, 32, 237	`rgb(175,32,237)`
RGB Percent	68.6, 12.5, 92.9	`rgb(68.6%,12.5%,92.9%)`
CMYK	26, 86, 0, 7
HSL	281.9°, 85.1, 52.7	`hsl(281.9,85.1%,52.7%)`
HSV (or HSB)	281.9°, 86.5, 92.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	47.317, 80.198, -72.418
XYZ	33.48, 16.263, 81.491
xyY	0.255, 0.124, 16.263
CIE-LCH	47.317, 108.056, 317.918
CIE-LUV	47.317, 36.146, -115.575
Hunter-Lab	40.327, 77.62, -91.583
Binary	10101111, 00100000, 11101101

#af20ed
```
#af20ed rgb(175,32,237)
```
#5eed20
```
#5eed20 rgb(94,237,32)
```

Complementary Color

#4920ed
```
#4920ed rgb(73,32,237)
```
#af20ed
```
#af20ed rgb(175,32,237)
```
#ed20c5
```
#ed20c5 rgb(237,32,197)
```

Analogous Color

#20ed48
```
#20ed48 rgb(32,237,72)
```
#af20ed
```
#af20ed rgb(175,32,237)
```
#c5ed20
```
#c5ed20 rgb(197,237,32)
```

Split Complementary Color

#20edaf
```
#20edaf rgb(32,237,175)
```
#af20ed
```
#af20ed rgb(175,32,237)
```
#edaf20
```
#edaf20 rgb(237,175,32)
```

Triadic Color

#205eed
```
#205eed rgb(32,94,237)
```
#af20ed
```
#af20ed rgb(175,32,237)
```
#edaf20
```
#edaf20 rgb(237,175,32)
```
#5eed20
```
#5eed20 rgb(94,237,32)
```

Tetradic Color

#810eb2
```
#810eb2 rgb(129,14,178)
```
#9210ca
```
#9210ca rgb(146,16,202)
```
#a312e1
```
#a312e1 rgb(163,18,225)
```
#af20ed
```
#af20ed rgb(175,32,237)
```
#b738ef
```
#b738ef rgb(183,56,239)
```
#c04ff1
```
#c04ff1 rgb(192,79,241)
```
#c867f3
```
#c867f3 rgb(200,103,243)
```

Monochromatic Color

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

#7c20ed
```
#7c20ed rgb(124,32,237)
```
#8d20ed
```
#8d20ed rgb(141,32,237)
```
#9e20ed
```
#9e20ed rgb(158,32,237)
```
#af20ed
```
#af20ed rgb(175,32,237)
```
#c020ed
```
#c020ed rgb(192,32,237)
```
#d120ed
```
#d120ed rgb(209,32,237)
```
#e220ed
```
#e220ed rgb(226,32,237)
```

Similar Colors

Text with hexadecimal color #af20ed

This text has a font color of #af20ed.

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

#af20ed background color

This paragraph has a background color of #af20ed.

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

#af20ed border color

This element has a border color of #af20ed.

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

CSS codes

.text {color:#af20ed;}

.background {background-color:#af20ed;}

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

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

#09010d
```
#09010d rgb(9,1,13)
```
#16031f
```
#16031f rgb(22,3,31)
```
#240431
```
#240431 rgb(36,4,49)
```
#310543
```
#310543 rgb(49,5,67)
```
#3e0756
```
#3e0756 rgb(62,7,86)
```
#4b0868
```
#4b0868 rgb(75,8,104)
```
#580a7a
```
#580a7a rgb(88,10,122)
```
#650b8c
```
#650b8c rgb(101,11,140)
```
#720d9e
```
#720d9e rgb(114,13,158)
```
#7f0eb0
```
#7f0eb0 rgb(127,14,176)
```
#8c10c2
```
#8c10c2 rgb(140,16,194)
```
#9911d5
```
#9911d5 rgb(153,17,213)
```
#a713e7
```
#a713e7 rgb(167,19,231)
```

Shade Color Variation

#af20ed
```
#af20ed rgb(175,32,237)
```
#b632ee
```
#b632ee rgb(182,50,238)
```
#bc44f0
```
#bc44f0 rgb(188,68,240)
```
#c356f1
```
#c356f1 rgb(195,86,241)
```
#c969f3
```
#c969f3 rgb(201,105,243)
```
#d07bf4
```
#d07bf4 rgb(208,123,244)
```
#d68df6
```
#d68df6 rgb(214,141,246)
```
#dd9ff7
```
#dd9ff7 rgb(221,159,247)
```
#e3b1f9
```
#e3b1f9 rgb(227,177,249)
```
#eac3fa
```
#eac3fa rgb(234,195,250)
```
#f0d6fc
```
#f0d6fc rgb(240,214,252)
```
#f7e8fd
```
#f7e8fd rgb(247,232,253)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#878687
```
#878687 rgb(135,134,135)
```
#8a7d90
```
#8a7d90 rgb(138,125,144)
```
#8e739a
```
#8e739a rgb(142,115,154)
```
#926aa3
```
#926aa3 rgb(146,106,163)
```
#9561ac
```
#9561ac rgb(149,97,172)
```
#9958b5
```
#9958b5 rgb(153,88,181)
```
#9d4ebf
```
#9d4ebf rgb(157,78,191)
```
#a045c8
```
#a045c8 rgb(160,69,200)
```
#a43cd1
```
#a43cd1 rgb(164,60,209)
```
#a833da
```
#a833da rgb(168,51,218)
```
#ab29e4
```
#ab29e4 rgb(171,41,228)
```
#af20ed
```
#af20ed rgb(175,32,237)
```
#b317f6
```
#b317f6 rgb(179,23,246)
```

Tone Color Variation

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

#0074e2 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#9b6a71 Tritanopia 0.001% of the population

Trichromacy

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

#af20ed hex color

#af20ed Color Information

#af20ed Color Conversion

Color Schemes with #af20ed

Alternatives to #af20ed

#af20ed Preview

Shades and Tints of #af20ed

Tones of #af20ed

Color Blindness Simulator