#af00e2 hex color

In a RGB color space, hex #af00e2 is composed of 68.6% red, 0% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 100% magenta, 0% yellow and 11.4% black. It has a hue angle of 286.5 degrees, a saturation of 100% and a lightness of 44.3%. #af00e2 color hex could be obtained by blending #ff00ff with #5f00c5. Closest websafe color is: #9900cc.

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

● #af00e2 color description : Pure (or mostly pure) magenta.

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

Hex triplet	af00e2	`#af00e2`
RGB Decimal	175, 0, 226	`rgb(175,0,226)`
RGB Percent	68.6, 0, 88.6	`rgb(68.6%,0%,88.6%)`
CMYK	23, 100, 0, 11
HSL	286.5°, 100, 44.3	`hsl(286.5,100%,44.3%)`
HSV (or HSB)	286.5°, 100, 88.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.09, 82.346, -69.807
XYZ	31.405, 14.606, 73.112
xyY	0.264, 0.123, 14.606
CIE-LCH	45.09, 107.954, 319.711
CIE-LUV	45.09, 40.756, -110.519
Hunter-Lab	38.218, 79.797, -86.671
Binary	10101111, 00000000, 11100010

#af00e2
```
#af00e2 rgb(175,0,226)
```
#33e200
```
#33e200 rgb(51,226,0)
```

Complementary Color

#3e00e2
```
#3e00e2 rgb(62,0,226)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#e200a4
```
#e200a4 rgb(226,0,164)
```

Analogous Color

#00e23e
```
#00e23e rgb(0,226,62)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#a4e200
```
#a4e200 rgb(164,226,0)
```

Split Complementary Color

#00e2af
```
#00e2af rgb(0,226,175)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```

Triadic Color

#0033e2
```
#0033e2 rgb(0,51,226)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#e2af00
```
#e2af00 rgb(226,175,0)
```
#33e200
```
#33e200 rgb(51,226,0)
```

Tetradic Color

#740096
```
#740096 rgb(116,0,150)
```
#8800af
```
#8800af rgb(136,0,175)
```
#9b00c9
```
#9b00c9 rgb(155,0,201)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#c300fc
```
#c300fc rgb(195,0,252)
```
#ca16ff
```
#ca16ff rgb(202,22,255)
```
#d030ff
```
#d030ff rgb(208,48,255)
```

Monochromatic Color

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

#7700e2
```
#7700e2 rgb(119,0,226)
```
#8900e2
```
#8900e2 rgb(137,0,226)
```
#9c00e2
```
#9c00e2 rgb(156,0,226)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#c200e2
```
#c200e2 rgb(194,0,226)
```
#d500e2
```
#d500e2 rgb(213,0,226)
```
#e200dd
```
#e200dd rgb(226,0,221)
```

Similar Colors

Text with hexadecimal color #af00e2

This text has a font color of #af00e2.

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

#af00e2 background color

This paragraph has a background color of #af00e2.

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

#af00e2 border color

This element has a border color of #af00e2.

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

CSS codes

.text {color:#af00e2;}

.background {background-color:#af00e2;}

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

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

#08000a
```
#08000a rgb(8,0,10)
```
#17001e
```
#17001e rgb(23,0,30)
```
#260031
```
#260031 rgb(38,0,49)
```
#350045
```
#350045 rgb(53,0,69)
```
#450059
```
#450059 rgb(69,0,89)
```
#54006c
```
#54006c rgb(84,0,108)
```
#630080
```
#630080 rgb(99,0,128)
```
#720094
```
#720094 rgb(114,0,148)
```
#8100a7
```
#8100a7 rgb(129,0,167)
```
#9100bb
```
#9100bb rgb(145,0,187)
```
#a000ce
```
#a000ce rgb(160,0,206)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#be00f6
```
#be00f6 rgb(190,0,246)
```

Shade Color Variation

#c80aff
```
#c80aff rgb(200,10,255)
```
#cc1eff
```
#cc1eff rgb(204,30,255)
```
#d131ff
```
#d131ff rgb(209,49,255)
```
#d545ff
```
#d545ff rgb(213,69,255)
```
#d959ff
```
#d959ff rgb(217,89,255)
```
#de6cff
```
#de6cff rgb(222,108,255)
```
#e280ff
```
#e280ff rgb(226,128,255)
```
#e794ff
```
#e794ff rgb(231,148,255)
```
#eba7ff
```
#eba7ff rgb(235,167,255)
```
#f0bbff
```
#f0bbff rgb(240,187,255)
```
#f4ceff
```
#f4ceff rgb(244,206,255)
```
#f8e2ff
```
#f8e2ff rgb(248,226,255)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#76687a
```
#76687a rgb(118,104,122)
```
#7b6082
```
#7b6082 rgb(123,96,130)
```
#7f578b
```
#7f578b rgb(127,87,139)
```
#844e94
```
#844e94 rgb(132,78,148)
```
#89469c
```
#89469c rgb(137,70,156)
```
#8e3da5
```
#8e3da5 rgb(142,61,165)
```
#9234ae
```
#9234ae rgb(146,52,174)
```
#972bb7
```
#972bb7 rgb(151,43,183)
```
#9c23bf
```
#9c23bf rgb(156,35,191)
```
#a11ac8
```
#a11ac8 rgb(161,26,200)
```
#a511d1
```
#a511d1 rgb(165,17,209)
```
#aa09d9
```
#aa09d9 rgb(170,9,217)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#613e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0074bf Deuteranopia 1% of men
#9d6167 Tritanopia 0.001% of the population

Trichromacy

#3f46db Protanomaly 1% of men, 0.01% of women
#3f4acc Deuteranomaly 6% of men, 0.4% of women
#a33d94 Tritanomaly 0.01% of the population

#af00e2 hex color

#af00e2 Color Information

#af00e2 Color Conversion

Color Schemes with #af00e2

Alternatives to #af00e2

#af00e2 Preview

Shades and Tints of #af00e2

Tones of #af00e2

Color Blindness Simulator