#ae80f3 hex color

In a RGB color space, hex #ae80f3 is composed of 68.2% red, 50.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 47.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 264 degrees, a saturation of 82.7% and a lightness of 72.7%. #ae80f3 color hex could be obtained by blending #ffffff with #5d01e7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 68
- G 50
- B 95
RGB color chart
- C 28
- M 47
- Y 0
- K 5
CMYK color chart

● #ae80f3 color description : Soft violet.

The hexadecimal color #ae80f3 has RGB values of R:174, G:128, B:243 and CMYK values of C:0.28, M:0.47, Y:0, K:0.05. Its decimal value is 11436275.

Hex triplet	ae80f3	`#ae80f3`
RGB Decimal	174, 128, 243	`rgb(174,128,243)`
RGB Percent	68.2, 50.2, 95.3	`rgb(68.2%,50.2%,95.3%)`
CMYK	28, 47, 0, 5
HSL	264°, 82.7, 72.7	`hsl(264,82.7%,72.7%)`
HSV (or HSB)	264°, 47.3, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.43, 40.802, -51.478
XYZ	41.35, 30.908, 88.577
xyY	0.257, 0.192, 30.908
CIE-LCH	62.43, 65.687, 308.4
CIE-LUV	62.43, 13.609, -87.165
Hunter-Lab	55.595, 35.47, -55.547
Binary	10101110, 10000000, 11110011

#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#c5f380
```
#c5f380 rgb(197,243,128)
```

Complementary Color

#808cf3
```
#808cf3 rgb(128,140,243)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#e880f3
```
#e880f3 rgb(232,128,243)
```

Analogous Color

#8cf380
```
#8cf380 rgb(140,243,128)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#f3e880
```
#f3e880 rgb(243,232,128)
```

Split Complementary Color

#80f3ae
```
#80f3ae rgb(128,243,174)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#f3ae80
```
#f3ae80 rgb(243,174,128)
```

Triadic Color

#80c5f3
```
#80c5f3 rgb(128,197,243)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#f3ae80
```
#f3ae80 rgb(243,174,128)
```
#c5f380
```
#c5f380 rgb(197,243,128)
```

Tetradic Color

#813aec
```
#813aec rgb(129,58,236)
```
#9051ef
```
#9051ef rgb(144,81,239)
```
#9f69f1
```
#9f69f1 rgb(159,105,241)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#bd97f5
```
#bd97f5 rgb(189,151,245)
```
#ccaff7
```
#ccaff7 rgb(204,175,247)
```
#dbc6fa
```
#dbc6fa rgb(219,198,250)
```

Monochromatic Color

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

#9180f3
```
#9180f3 rgb(145,128,243)
```
#9b80f3
```
#9b80f3 rgb(155,128,243)
```
#a480f3
```
#a480f3 rgb(164,128,243)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#b880f3
```
#b880f3 rgb(184,128,243)
```
#c180f3
```
#c180f3 rgb(193,128,243)
```
#cb80f3
```
#cb80f3 rgb(203,128,243)
```

Similar Colors

Text with hexadecimal color #ae80f3

This text has a font color of #ae80f3.

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

#ae80f3 background color

This paragraph has a background color of #ae80f3.

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

#ae80f3 border color

This element has a border color of #ae80f3.

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

CSS codes

.text {color:#ae80f3;}

.background {background-color:#ae80f3;}

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

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

#070210
```
#070210 rgb(7,2,16)
```
#100322
```
#100322 rgb(16,3,34)
```
#180534
```
#180534 rgb(24,5,52)
```
#200746
```
#200746 rgb(32,7,70)
```
#280858
```
#280858 rgb(40,8,88)
```
#300a6a
```
#300a6a rgb(48,10,106)
```
#390c7c
```
#390c7c rgb(57,12,124)
```
#410d8e
```
#410d8e rgb(65,13,142)
```
#490fa0
```
#490fa0 rgb(73,15,160)
```
#5111b2
```
#5111b2 rgb(81,17,178)
```
#5912c4
```
#5912c4 rgb(89,18,196)
```
#6214d6
```
#6214d6 rgb(98,20,214)
```
#6a16e7
```
#6a16e7 rgb(106,22,231)
```

Shade Color Variation

#7526eb
```
#7526eb rgb(117,38,235)
```
#8038ec
```
#8038ec rgb(128,56,236)
```
#8c4aee
```
#8c4aee rgb(140,74,238)
```
#975cf0
```
#975cf0 rgb(151,92,240)
```
#a36ef1
```
#a36ef1 rgb(163,110,241)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#b992f5
```
#b992f5 rgb(185,146,245)
```
#c5a4f6
```
#c5a4f6 rgb(197,164,246)
```
#d0b6f8
```
#d0b6f8 rgb(208,182,248)
```
#dcc8fa
```
#dcc8fa rgb(220,200,250)
```
#e7dafb
```
#e7dafb rgb(231,218,251)
```
#f3ecfd
```
#f3ecfd rgb(243,236,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b9b5be
```
#b9b5be rgb(185,181,190)
```
#b8b0c3
```
#b8b0c3 rgb(184,176,195)
```
#b7abc8
```
#b7abc8 rgb(183,171,200)
```
#b5a5ce
```
#b5a5ce rgb(181,165,206)
```
#b4a0d3
```
#b4a0d3 rgb(180,160,211)
```
#b39bd8
```
#b39bd8 rgb(179,155,216)
```
#b295de
```
#b295de rgb(178,149,222)
```
#b190e3
```
#b190e3 rgb(177,144,227)
```
#b08be8
```
#b08be8 rgb(176,139,232)
```
#af85ee
```
#af85ee rgb(175,133,238)
```
#ae80f3
```
#ae80f3 rgb(174,128,243)
```
#ad7bf8
```
#ad7bf8 rgb(173,123,248)
```
#ac75fe
```
#ac75fe rgb(172,117,254)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9f96ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b99ff Protanopia 1% of men
#6d9ceb Deuteranopia 1% of men
#a09aa5 Tritanopia 0.001% of the population

Trichromacy

#838ffa Protanomaly 1% of men, 0.01% of women
#8492ee Deuteranomaly 6% of men, 0.4% of women
#a590c1 Tritanomaly 0.01% of the population

#ae80f3 hex color

#ae80f3 Color Information

#ae80f3 Color Conversion

Color Schemes with #ae80f3

Alternatives to #ae80f3

#ae80f3 Preview

Shades and Tints of #ae80f3

Tones of #ae80f3

Color Blindness Simulator