#af01e2 hex color

In a RGB color space, hex #af01e2 is composed of 68.6% red, 0.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 99.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 286.4 degrees, a saturation of 99.1% and a lightness of 44.5%. #af01e2 color hex could be obtained by blending #ff02ff 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

● #af01e2 color description : Vivid magenta.

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

Hex triplet	af01e2	`#af01e2`
RGB Decimal	175, 1, 226	`rgb(175,1,226)`
RGB Percent	68.6, 0.4, 88.6	`rgb(68.6%,0.4%,88.6%)`
CMYK	23, 100, 0, 11
HSL	286.4°, 99.1, 44.5	`hsl(286.4,99.1%,44.5%)`
HSV (or HSB)	286.4°, 99.6, 88.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.12, 82.256, -69.758
XYZ	31.416, 14.628, 73.116
xyY	0.264, 0.123, 14.628
CIE-LCH	45.12, 107.853, 319.7
CIE-LUV	45.12, 40.722, -110.471
Hunter-Lab	38.247, 79.689, -86.572
Binary	10101111, 00000001, 11100010

#af01e2
```
#af01e2 rgb(175,1,226)
```
#34e201
```
#34e201 rgb(52,226,1)
```

Complementary Color

#3f01e2
```
#3f01e2 rgb(63,1,226)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```
#e201a5
```
#e201a5 rgb(226,1,165)
```

Analogous Color

#01e23e
```
#01e23e rgb(1,226,62)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```
#a5e201
```
#a5e201 rgb(165,226,1)
```

Split Complementary Color

#01e2af
```
#01e2af rgb(1,226,175)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```
#e2af01
```
#e2af01 rgb(226,175,1)
```

Triadic Color

#0134e2
```
#0134e2 rgb(1,52,226)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```
#e2af01
```
#e2af01 rgb(226,175,1)
```
#34e201
```
#34e201 rgb(52,226,1)
```

Tetradic Color

#740196
```
#740196 rgb(116,1,150)
```
#8801af
```
#8801af rgb(136,1,175)
```
#9b01c9
```
#9b01c9 rgb(155,1,201)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```
#c301fb
```
#c301fb rgb(195,1,251)
```
#ca18fe
```
#ca18fe rgb(202,24,254)
```
#d031fe
```
#d031fe rgb(208,49,254)
```

Monochromatic Color

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

#7701e2
```
#7701e2 rgb(119,1,226)
```
#8a01e2
```
#8a01e2 rgb(138,1,226)
```
#9c01e2
```
#9c01e2 rgb(156,1,226)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```
#c201e2
```
#c201e2 rgb(194,1,226)
```
#d501e2
```
#d501e2 rgb(213,1,226)
```
#e201dd
```
#e201dd rgb(226,1,221)
```

Similar Colors

Text with hexadecimal color #af01e2

This text has a font color of #af01e2.

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

#af01e2 background color

This paragraph has a background color of #af01e2.

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

#af01e2 border color

This element has a border color of #af01e2.

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

CSS codes

.text {color:#af01e2;}

.background {background-color:#af01e2;}

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

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

#09000b
```
#09000b rgb(9,0,11)
```
#18001f
```
#18001f rgb(24,0,31)
```
#270032
```
#270032 rgb(39,0,50)
```
#360046
```
#360046 rgb(54,0,70)
```
#450059
```
#450059 rgb(69,0,89)
```
#54006d
```
#54006d rgb(84,0,109)
```
#630180
```
#630180 rgb(99,1,128)
```
#730194
```
#730194 rgb(115,1,148)
```
#8201a7
```
#8201a7 rgb(130,1,167)
```
#9101bb
```
#9101bb rgb(145,1,187)
```
#a001ce
```
#a001ce rgb(160,1,206)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```
#be01f6
```
#be01f6 rgb(190,1,246)
```

Shade Color Variation

#c70cfe
```
#c70cfe rgb(199,12,254)
```
#cc20fe
```
#cc20fe rgb(204,32,254)
```
#d033fe
```
#d033fe rgb(208,51,254)
```
#d547fe
```
#d547fe rgb(213,71,254)
```
#d95afe
```
#d95afe rgb(217,90,254)
```
#de6efe
```
#de6efe rgb(222,110,254)
```
#e281fe
```
#e281fe rgb(226,129,254)
```
#e795ff
```
#e795ff rgb(231,149,255)
```
#eba9ff
```
#eba9ff rgb(235,169,255)
```
#f0bcff
```
#f0bcff rgb(240,188,255)
```
#f4d0ff
```
#f4d0ff rgb(244,208,255)
```
#f9e3ff
```
#f9e3ff rgb(249,227,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#766a79
```
#766a79 rgb(118,106,121)
```
#7a6182
```
#7a6182 rgb(122,97,130)
```
#7f588b
```
#7f588b rgb(127,88,139)
```
#845093
```
#845093 rgb(132,80,147)
```
#89479c
```
#89479c rgb(137,71,156)
```
#8e3ea5
```
#8e3ea5 rgb(142,62,165)
```
#9235ae
```
#9235ae rgb(146,53,174)
```
#972db6
```
#972db6 rgb(151,45,182)
```
#9c24bf
```
#9c24bf rgb(156,36,191)
```
#a11bc8
```
#a11bc8 rgb(161,27,200)
```
#a512d1
```
#a512d1 rgb(165,18,209)
```
#aa0ad9
```
#aa0ad9 rgb(170,10,217)
```
#af01e2
```
#af01e2 rgb(175,1,226)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#623f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#af01e2 hex color

#af01e2 Color Information

#af01e2 Color Conversion

Color Schemes with #af01e2

Alternatives to #af01e2

#af01e2 Preview

Shades and Tints of #af01e2

Tones of #af01e2

Color Blindness Simulator