colorhexa.com

#ae02f2 hex color

In a RGB color space, hex #ae02f2 is composed of 68.2% red, 0.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 99.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 283 degrees, a saturation of 98.4% and a lightness of 47.8%. #ae02f2 color hex could be obtained by blending #ff04ff with #5d00e5. Closest websafe color is: #9900ff.

- R 68
- G 1
- B 95
RGB color chart
- C 28
- M 99
- Y 0
- K 5
CMYK color chart

● #ae02f2 color description : Vivid violet.

The hexadecimal color #ae02f2 has RGB values of R:174, G:2, B:242 and CMYK values of C:0.28, M:0.99, Y:0, K:0.05. Its decimal value is 11404018.

Hex triplet	ae02f2	`#ae02f2`
RGB Decimal	174, 2, 242	`rgb(174,2,242)`
RGB Percent	68.2, 0.8, 94.9	`rgb(68.2%,0.8%,94.9%)`
CMYK	28, 99, 0, 5
HSL	283°, 98.4, 47.8	`hsl(283,98.4%,47.8%)`
HSV (or HSB)	283°, 99.2, 94.9
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.25, 84.877, -76.985
XYZ	33.502, 15.454, 85.218
xyY	0.25, 0.115, 15.454
CIE-LCH	46.25, 114.589, 317.792
CIE-LUV	46.25, 35.709, -121.067
Hunter-Lab	39.312, 83.326, -101.008
Binary	10101110, 00000010, 11110010

#ae02f2
```
#ae02f2 rgb(174,2,242)
```
#46f202
```
#46f202 rgb(70,242,2)
```

Complementary Color

#3602f2
```
#3602f2 rgb(54,2,242)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```
#f202be
```
#f202be rgb(242,2,190)
```

Analogous Color

#02f236
```
#02f236 rgb(2,242,54)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```
#bef202
```
#bef202 rgb(190,242,2)
```

Split Complementary Color

#02f2ae
```
#02f2ae rgb(2,242,174)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```
#f2ae02
```
#f2ae02 rgb(242,174,2)
```

Triadic Color

#7701a6
```
#7701a6 rgb(119,1,166)
```
#8a02bf
```
#8a02bf rgb(138,2,191)
```
#9c02d9
```
#9c02d9 rgb(156,2,217)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```
#ba10fd
```
#ba10fd rgb(186,16,253)
```
#c12afd
```
#c12afd rgb(193,42,253)
```
#c943fd
```
#c943fd rgb(201,67,253)
```

Monochromatic Color

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

#7202f2
```
#7202f2 rgb(114,2,242)
```
#8602f2
```
#8602f2 rgb(134,2,242)
```
#9a02f2
```
#9a02f2 rgb(154,2,242)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```
#c202f2
```
#c202f2 rgb(194,2,242)
```
#d602f2
```
#d602f2 rgb(214,2,242)
```
#ea02f2
```
#ea02f2 rgb(234,2,242)
```

Similar Colors

Text with hexadecimal color #ae02f2

This text has a font color of #ae02f2.

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

#ae02f2 background color

This paragraph has a background color of #ae02f2.

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

#ae02f2 border color

This element has a border color of #ae02f2.

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

CSS codes

.text {color:#ae02f2;}

.background {background-color:#ae02f2;}

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

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, #060009 is the darkest color, while #fcf4ff is the lightest one.

#060009
```
#060009 rgb(6,0,9)
```
#14001c
```
#14001c rgb(20,0,28)
```
#22002f
```
#22002f rgb(34,0,47)
```
#300143
```
#300143 rgb(48,1,67)
```
#3e0156
```
#3e0156 rgb(62,1,86)
```
#4c016a
```
#4c016a rgb(76,1,106)
```
#5a017d
```
#5a017d rgb(90,1,125)
```
#680191
```
#680191 rgb(104,1,145)
```
#7601a4
```
#7601a4 rgb(118,1,164)
```
#8402b8
```
#8402b8 rgb(132,2,184)
```
#9202cb
```
#9202cb rgb(146,2,203)
```
#a002df
```
#a002df rgb(160,2,223)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```

Shade Color Variation

#b80bfd
```
#b80bfd rgb(184,11,253)
```
#be1efd
```
#be1efd rgb(190,30,253)
```
#c432fd
```
#c432fd rgb(196,50,253)
```
#c945fd
```
#c945fd rgb(201,69,253)
```
#cf58fe
```
#cf58fe rgb(207,88,254)
```
#d46cfe
```
#d46cfe rgb(212,108,254)
```
#da7ffe
```
#da7ffe rgb(218,127,254)
```
#e093fe
```
#e093fe rgb(224,147,254)
```
#e5a6fe
```
#e5a6fe rgb(229,166,254)
```
#ebbafe
```
#ebbafe rgb(235,186,254)
```
#f1cdff
```
#f1cdff rgb(241,205,255)
```
#f6e1ff
```
#f6e1ff rgb(246,225,255)
```
#fcf4ff
```
#fcf4ff rgb(252,244,255)
```

Tint Color Variation

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

#7d7381
```
#7d7381 rgb(125,115,129)
```
#81698b
```
#81698b rgb(129,105,139)
```
#856094
```
#856094 rgb(133,96,148)
```
#89569e
```
#89569e rgb(137,86,158)
```
#8d4da7
```
#8d4da7 rgb(141,77,167)
```
#9244b0
```
#9244b0 rgb(146,68,176)
```
#963aba
```
#963aba rgb(150,58,186)
```
#9a31c3
```
#9a31c3 rgb(154,49,195)
```
#9e28cc
```
#9e28cc rgb(158,40,204)
```
#a21ed6
```
#a21ed6 rgb(162,30,214)
```
#a615df
```
#a615df rgb(166,21,223)
```
#aa0be9
```
#aa0be9 rgb(170,11,233)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c3 Deuteranopia 1% of men
#98676e Tritanopia 0.001% of the population

Trichromacy

#3f49e4 Protanomaly 1% of men, 0.01% of women
#3f4cd4 Deuteranomaly 6% of men, 0.4% of women
#a0429e Tritanomaly 0.01% of the population