#af04e1 hex color

In a RGB color space, hex #af04e1 is composed of 68.6% red, 1.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 98.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 286.4 degrees, a saturation of 96.5% and a lightness of 44.9%. #af04e1 color hex could be obtained by blending #ff08ff with #5f00c3. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 2
- B 88
RGB color chart
- C 22
- M 98
- Y 0
- K 12
CMYK color chart

● #af04e1 color description : Vivid magenta.

The hexadecimal color #af04e1 has RGB values of R:175, G:4, B:225 and CMYK values of C:0.22, M:0.98, Y:0, K:0.12. Its decimal value is 11470049.

Hex triplet	af04e1	`#af04e1`
RGB Decimal	175, 4, 225	`rgb(175,4,225)`
RGB Percent	68.6, 1.6, 88.2	`rgb(68.6%,1.6%,88.2%)`
CMYK	22, 98, 0, 12
HSL	286.4°, 96.5, 44.9	`hsl(286.4,96.5%,44.9%)`
HSV (or HSB)	286.4°, 98.2, 88.2
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.135, 81.811, -69.165
XYZ	31.312, 14.638, 72.406
xyY	0.265, 0.124, 14.638
CIE-LCH	45.135, 107.13, 319.788
CIE-LUV	45.135, 40.908, -109.66
Hunter-Lab	38.26, 79.127, -85.423
Binary	10101111, 00000100, 11100001

#af04e1
```
#af04e1 rgb(175,4,225)
```
#36e104
```
#36e104 rgb(54,225,4)
```

Complementary Color

#4104e1
```
#4104e1 rgb(65,4,225)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#e104a5
```
#e104a5 rgb(225,4,165)
```

Analogous Color

#04e141
```
#04e141 rgb(4,225,65)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#a5e104
```
#a5e104 rgb(165,225,4)
```

Split Complementary Color

#04e1af
```
#04e1af rgb(4,225,175)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#e1af04
```
#e1af04 rgb(225,175,4)
```

Triadic Color

#0436e1
```
#0436e1 rgb(4,54,225)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#e1af04
```
#e1af04 rgb(225,175,4)
```
#36e104
```
#36e104 rgb(54,225,4)
```

Tetradic Color

#750396
```
#750396 rgb(117,3,150)
```
#8803af
```
#8803af rgb(136,3,175)
```
#9c04c8
```
#9c04c8 rgb(156,4,200)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#c204fa
```
#c204fa rgb(194,4,250)
```
#c91dfb
```
#c91dfb rgb(201,29,251)
```
#cf36fb
```
#cf36fb rgb(207,54,251)
```

Monochromatic Color

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

#7804e1
```
#7804e1 rgb(120,4,225)
```
#8a04e1
```
#8a04e1 rgb(138,4,225)
```
#9d04e1
```
#9d04e1 rgb(157,4,225)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#c104e1
```
#c104e1 rgb(193,4,225)
```
#d404e1
```
#d404e1 rgb(212,4,225)
```
#e104dc
```
#e104dc rgb(225,4,220)
```

Similar Colors

Text with hexadecimal color #af04e1

This text has a font color of #af04e1.

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

#af04e1 background color

This paragraph has a background color of #af04e1.

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

#af04e1 border color

This element has a border color of #af04e1.

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

CSS codes

.text {color:#af04e1;}

.background {background-color:#af04e1;}

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

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, #0a000d is the darkest color, while #fdf9ff is the lightest one.

#0a000d
```
#0a000d rgb(10,0,13)
```
#190120
```
#190120 rgb(25,1,32)
```
#280134
```
#280134 rgb(40,1,52)
```
#370147
```
#370147 rgb(55,1,71)
```
#46025a
```
#46025a rgb(70,2,90)
```
#55026d
```
#55026d rgb(85,2,109)
```
#640281
```
#640281 rgb(100,2,129)
```
#730394
```
#730394 rgb(115,3,148)
```
#8203a7
```
#8203a7 rgb(130,3,167)
```
#9103ba
```
#9103ba rgb(145,3,186)
```
#a004ce
```
#a004ce rgb(160,4,206)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```
#be04f4
```
#be04f4 rgb(190,4,244)
```

Shade Color Variation

#c611fb
```
#c611fb rgb(198,17,251)
```
#cb25fb
```
#cb25fb rgb(203,37,251)
```
#cf38fb
```
#cf38fb rgb(207,56,251)
```
#d44bfc
```
#d44bfc rgb(212,75,252)
```
#d85ffc
```
#d85ffc rgb(216,95,252)
```
#dd72fc
```
#dd72fc rgb(221,114,252)
```
#e285fd
```
#e285fd rgb(226,133,253)
```
#e698fd
```
#e698fd rgb(230,152,253)
```
#ebacfe
```
#ebacfe rgb(235,172,254)
```
#f0bffe
```
#f0bffe rgb(240,191,254)
```
#f4d2fe
```
#f4d2fe rgb(244,210,254)
```
#f9e5ff
```
#f9e5ff rgb(249,229,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#756e77
```
#756e77 rgb(117,110,119)
```
#7a6580
```
#7a6580 rgb(122,101,128)
```
#7f5c89
```
#7f5c89 rgb(127,92,137)
```
#845392
```
#845392 rgb(132,83,146)
```
#884a9b
```
#884a9b rgb(136,74,155)
```
#8d42a3
```
#8d42a3 rgb(141,66,163)
```
#9239ac
```
#9239ac rgb(146,57,172)
```
#9730b5
```
#9730b5 rgb(151,48,181)
```
#9c27be
```
#9c27be rgb(156,39,190)
```
#a11ec7
```
#a11ec7 rgb(161,30,199)
```
#a516cf
```
#a516cf rgb(165,22,207)
```
#aa0dd8
```
#aa0dd8 rgb(170,13,216)
```
#af04e1
```
#af04e1 rgb(175,4,225)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#63416d 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

#3f48db Protanomaly 1% of men, 0.01% of women
#3f4bcc Deuteranomaly 6% of men, 0.4% of women
#a43f93 Tritanomaly 0.01% of the population

#af04e1 hex color

#af04e1 Color Information

#af04e1 Color Conversion

Color Schemes with #af04e1

Alternatives to #af04e1

#af04e1 Preview

Shades and Tints of #af04e1

Tones of #af04e1

Color Blindness Simulator