#ae2dff hex color

In a RGB color space, hex #ae2dff is composed of 68.2% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 276.9 degrees, a saturation of 100% and a lightness of 58.8%. #ae2dff color hex could be obtained by blending #ff5aff with #5d00ff. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 68
- G 18
- B 100
RGB color chart
- C 32
- M 82
- Y 0
- K 0
CMYK color chart

● #ae2dff color description : Vivid violet.

The hexadecimal color #ae2dff has RGB values of R:174, G:45, B:255 and CMYK values of C:0.32, M:0.82, Y:0, K:0. Its decimal value is 11415039.

Hex triplet	ae2dff	`#ae2dff`
RGB Decimal	174, 45, 255	`rgb(174,45,255)`
RGB Percent	68.2, 17.6, 100	`rgb(68.2%,17.6%,100%)`
CMYK	32, 82, 0, 0
HSL	276.9°, 100, 58.8	`hsl(276.9,100%,58.8%)`
HSV (or HSB)	276.9°, 82.4, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.613, 80.423, -78.77
XYZ	36.441, 18.096, 96.175
xyY	0.242, 0.12, 18.096
CIE-LCH	49.613, 112.572, 315.595
CIE-LUV	49.613, 30.032, -125.935
Hunter-Lab	42.54, 78.466, -104.267
Binary	10101110, 00101101, 11111111

#ae2dff
```
#ae2dff rgb(174,45,255)
```
#7eff2d
```
#7eff2d rgb(126,255,45)
```

Complementary Color

#452dff
```
#452dff rgb(69,45,255)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```
#ff2de7
```
#ff2de7 rgb(255,45,231)
```

Analogous Color

#2dff45
```
#2dff45 rgb(45,255,69)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```
#e7ff2d
```
#e7ff2d rgb(231,255,45)
```

Split Complementary Color

#2dffae
```
#2dffae rgb(45,255,174)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```
#ffae2d
```
#ffae2d rgb(255,174,45)
```

Triadic Color

#2d7eff
```
#2d7eff rgb(45,126,255)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```
#ffae2d
```
#ffae2d rgb(255,174,45)
```
#7eff2d
```
#7eff2d rgb(126,255,45)
```

Tetradic Color

#8900e0
```
#8900e0 rgb(137,0,224)
```
#9900f9
```
#9900f9 rgb(153,0,249)
```
#a414ff
```
#a414ff rgb(164,20,255)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```
#b847ff
```
#b847ff rgb(184,71,255)
```
#c260ff
```
#c260ff rgb(194,96,255)
```
#cc7aff
```
#cc7aff rgb(204,122,255)
```

Monochromatic Color

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

#7a2dff
```
#7a2dff rgb(122,45,255)
```
#8b2dff
```
#8b2dff rgb(139,45,255)
```
#9d2dff
```
#9d2dff rgb(157,45,255)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```
#c02dff
```
#c02dff rgb(192,45,255)
```
#d12dff
```
#d12dff rgb(209,45,255)
```
#e32dff
```
#e32dff rgb(227,45,255)
```

Similar Colors

Text with hexadecimal color #ae2dff

This text has a font color of #ae2dff.

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

#ae2dff background color

This paragraph has a background color of #ae2dff.

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

#ae2dff border color

This element has a border color of #ae2dff.

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

CSS codes

.text {color:#ae2dff;}

.background {background-color:#ae2dff;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#100019
```
#100019 rgb(16,0,25)
```
#1c002d
```
#1c002d rgb(28,0,45)
```
#280041
```
#280041 rgb(40,0,65)
```
#340054
```
#340054 rgb(52,0,84)
```
#400068
```
#400068 rgb(64,0,104)
```
#4c007b
```
#4c007b rgb(76,0,123)
```
#58008f
```
#58008f rgb(88,0,143)
```
#6400a3
```
#6400a3 rgb(100,0,163)
```
#7000b6
```
#7000b6 rgb(112,0,182)
```
#7c00ca
```
#7c00ca rgb(124,0,202)
```
#8800de
```
#8800de rgb(136,0,222)
```
#9400f1
```
#9400f1 rgb(148,0,241)
```

Shade Color Variation

#9f06ff
```
#9f06ff rgb(159,6,255)
```
#a619ff
```
#a619ff rgb(166,25,255)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```
#b641ff
```
#b641ff rgb(182,65,255)
```
#bd54ff
```
#bd54ff rgb(189,84,255)
```
#c568ff
```
#c568ff rgb(197,104,255)
```
#cc7bff
```
#cc7bff rgb(204,123,255)
```
#d48fff
```
#d48fff rgb(212,143,255)
```
#dba3ff
```
#dba3ff rgb(219,163,255)
```
#e3b6ff
```
#e3b6ff rgb(227,182,255)
```
#ebcaff
```
#ebcaff rgb(235,202,255)
```
#f2deff
```
#f2deff rgb(242,222,255)
```
#faf1ff
```
#faf1ff rgb(250,241,255)
```

Tint Color Variation

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

#988e9e
```
#988e9e rgb(152,142,158)
```
#9a86a6
```
#9a86a6 rgb(154,134,166)
```
#9c7eae
```
#9c7eae rgb(156,126,174)
```
#9d76b6
```
#9d76b6 rgb(157,118,182)
```
#9f6ebe
```
#9f6ebe rgb(159,110,190)
```
#a166c6
```
#a166c6 rgb(161,102,198)
```
#a35dcf
```
#a35dcf rgb(163,93,207)
```
#a555d7
```
#a555d7 rgb(165,85,215)
```
#a74ddf
```
#a74ddf rgb(167,77,223)
```
#a845e7
```
#a845e7 rgb(168,69,231)
```
#aa3def
```
#aa3def rgb(170,61,239)
```
#ac35f7
```
#ac35f7 rgb(172,53,247)
```
#ae2dff
```
#ae2dff rgb(174,45,255)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#795f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#95747c Tritanopia 0.001% of the population

Trichromacy

#3f5df3 Protanomaly 1% of men, 0.01% of women
#3f61e1 Deuteranomaly 6% of men, 0.4% of women
#9e5aab Tritanomaly 0.01% of the population

#ae2dff hex color

#ae2dff Color Information

#ae2dff Color Conversion

Color Schemes with #ae2dff

Alternatives to #ae2dff

#ae2dff Preview

Shades and Tints of #ae2dff

Tones of #ae2dff

Color Blindness Simulator