#ae80bc hex color

In a RGB color space, hex #ae80bc is composed of 68.2% red, 50.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 31.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 286 degrees, a saturation of 30.9% and a lightness of 62%. #ae80bc color hex could be obtained by blending #ffffff with #5d0179. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 68
- G 50
- B 74
RGB color chart
- C 7
- M 32
- Y 0
- K 26
CMYK color chart

● #ae80bc color description : Slightly desaturated magenta.

The hexadecimal color #ae80bc has RGB values of R:174, G:128, B:188 and CMYK values of C:0.07, M:0.32, Y:0, K:0.26. Its decimal value is 11436220.

Hex triplet	ae80bc	`#ae80bc`
RGB Decimal	174, 128, 188	`rgb(174,128,188)`
RGB Percent	68.2, 50.2, 73.7	`rgb(68.2%,50.2%,73.7%)`
CMYK	7, 32, 0, 26
HSL	286°, 30.9, 62	`hsl(286,30.9%,62%)`
HSV (or HSB)	286°, 31.9, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.951, 28.432, -24.563
XYZ	34.251, 28.069, 51.188
xyY	0.302, 0.247, 28.069
CIE-LCH	59.951, 37.573, 319.176
CIE-LUV	59.951, 21.184, -41.635
Hunter-Lab	52.98, 22.683, -20.199
Binary	10101110, 10000000, 10111100

#ae80bc
```
#ae80bc rgb(174,128,188)
```
#8ebc80
```
#8ebc80 rgb(142,188,128)
```

Complementary Color

#9080bc
```
#9080bc rgb(144,128,188)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#bc80ac
```
#bc80ac rgb(188,128,172)
```

Analogous Color

#80bc90
```
#80bc90 rgb(128,188,144)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#acbc80
```
#acbc80 rgb(172,188,128)
```

Split Complementary Color

#80bcae
```
#80bcae rgb(128,188,174)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#bcae80
```
#bcae80 rgb(188,174,128)
```

Triadic Color

#808ebc
```
#808ebc rgb(128,142,188)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#bcae80
```
#bcae80 rgb(188,174,128)
```
#8ebc80
```
#8ebc80 rgb(142,188,128)
```

Tetradic Color

#8c539d
```
#8c539d rgb(140,83,157)
```
#995faa
```
#995faa rgb(153,95,170)
```
#a36fb3
```
#a36fb3 rgb(163,111,179)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#b991c5
```
#b991c5 rgb(185,145,197)
```
#c3a1ce
```
#c3a1ce rgb(195,161,206)
```
#ceb2d6
```
#ceb2d6 rgb(206,178,214)
```

Monochromatic Color

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

#9f80bc
```
#9f80bc rgb(159,128,188)
```
#a480bc
```
#a480bc rgb(164,128,188)
```
#a980bc
```
#a980bc rgb(169,128,188)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#b380bc
```
#b380bc rgb(179,128,188)
```
#b880bc
```
#b880bc rgb(184,128,188)
```
#bc80bb
```
#bc80bb rgb(188,128,187)
```

Similar Colors

Text with hexadecimal color #ae80bc

This text has a font color of #ae80bc.

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

#ae80bc background color

This paragraph has a background color of #ae80bc.

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

#ae80bc border color

This element has a border color of #ae80bc.

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

CSS codes

.text {color:#ae80bc;}

.background {background-color:#ae80bc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d080e
```
#0d080e rgb(13,8,14)
```
#180e1b
```
#180e1b rgb(24,14,27)
```
#241528
```
#241528 rgb(36,21,40)
```
#2f1c35
```
#2f1c35 rgb(47,28,53)
```
#3a2342
```
#3a2342 rgb(58,35,66)
```
#46294e
```
#46294e rgb(70,41,78)
```
#51305b
```
#51305b rgb(81,48,91)
```
#5d3768
```
#5d3768 rgb(93,55,104)
```
#683e75
```
#683e75 rgb(104,62,117)
```
#744482
```
#744482 rgb(116,68,130)
```
#7f4b8f
```
#7f4b8f rgb(127,75,143)
```
#8a529c
```
#8a529c rgb(138,82,156)
```

Shade Color Variation

#9559a8
```
#9559a8 rgb(149,89,168)
```
#9e66ae
```
#9e66ae rgb(158,102,174)
```
#a673b5
```
#a673b5 rgb(166,115,181)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#b68dc3
```
#b68dc3 rgb(182,141,195)
```
#be9aca
```
#be9aca rgb(190,154,202)
```
#c7a7d0
```
#c7a7d0 rgb(199,167,208)
```
#cfb3d7
```
#cfb3d7 rgb(207,179,215)
```
#d7c0de
```
#d7c0de rgb(215,192,222)
```
#dfcde5
```
#dfcde5 rgb(223,205,229)
```
#e7daeb
```
#e7daeb rgb(231,218,235)
```
#f0e7f2
```
#f0e7f2 rgb(240,231,242)
```
#f8f4f9
```
#f8f4f9 rgb(248,244,249)
```

Tint Color Variation

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

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#a296a6
```
#a296a6 rgb(162,150,166)
```
#a68fad
```
#a68fad rgb(166,143,173)
```
#aa87b5
```
#aa87b5 rgb(170,135,181)
```
#ae80bc
```
#ae80bc rgb(174,128,188)
```
#b279c3
```
#b279c3 rgb(178,121,195)
```
#b671cb
```
#b671cb rgb(182,113,203)
```
#ba6ad2
```
#ba6ad2 rgb(186,106,210)
```
#be62da
```
#be62da rgb(190,98,218)
```
#c25be1
```
#c25be1 rgb(194,91,225)
```
#c653e9
```
#c653e9 rgb(198,83,233)
```
#ca4cf0
```
#ca4cf0 rgb(202,76,240)
```
#ce44f8
```
#ce44f8 rgb(206,68,248)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9a919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8594c8 Protanopia 1% of men
#8f93bb Deuteranopia 1% of men
#ab8e98 Tritanopia 0.001% of the population

Trichromacy

#948cc4 Protanomaly 1% of men, 0.01% of women
#9a8cbb Deuteranomaly 6% of men, 0.4% of women
#ac89a5 Tritanomaly 0.01% of the population

#ae80bc hex color

#ae80bc Color Information

#ae80bc Color Conversion

Color Schemes with #ae80bc

Alternatives to #ae80bc

#ae80bc Preview

Shades and Tints of #ae80bc

Tones of #ae80bc

Color Blindness Simulator