#ab5ae1 hex color

In a RGB color space, hex #ab5ae1 is composed of 67.1% red, 35.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 60% magenta, 0% yellow and 11.8% black. It has a hue angle of 276 degrees, a saturation of 69.2% and a lightness of 61.8%. #ab5ae1 color hex could be obtained by blending #ffb4ff with #5700c3. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 67
- G 35
- B 88
RGB color chart
- C 24
- M 60
- Y 0
- K 12
CMYK color chart

● #ab5ae1 color description : Soft violet.

The hexadecimal color #ab5ae1 has RGB values of R:171, G:90, B:225 and CMYK values of C:0.24, M:0.6, Y:0, K:0.12. Its decimal value is 11229921.

Hex triplet	ab5ae1	`#ab5ae1`
RGB Decimal	171, 90, 225	`rgb(171,90,225)`
RGB Percent	67.1, 35.3, 88.2	`rgb(67.1%,35.3%,88.2%)`
CMYK	24, 60, 0, 12
HSL	276°, 69.2, 61.8	`hsl(276,69.2%,61.8%)`
HSV (or HSB)	276°, 60, 88.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.392, 55.968, -55.857
XYZ	34.039, 21.407, 73.569
xyY	0.264, 0.166, 21.407
CIE-LCH	53.392, 79.072, 315.057
CIE-LUV	53.392, 26.795, -92.845
Hunter-Lab	46.268, 50.354, -61.887
Binary	10101011, 01011010, 11100001

#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#90e15a
```
#90e15a rgb(144,225,90)
```

Complementary Color

#685ae1
```
#685ae1 rgb(104,90,225)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#e15ad4
```
#e15ad4 rgb(225,90,212)
```

Analogous Color

#5ae168
```
#5ae168 rgb(90,225,104)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#d4e15a
```
#d4e15a rgb(212,225,90)
```

Split Complementary Color

#5ae1ab
```
#5ae1ab rgb(90,225,171)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#e1ab5a
```
#e1ab5a rgb(225,171,90)
```

Triadic Color

#5a90e1
```
#5a90e1 rgb(90,144,225)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#e1ab5a
```
#e1ab5a rgb(225,171,90)
```
#90e15a
```
#90e15a rgb(144,225,90)
```

Tetradic Color

#8825ca
```
#8825ca rgb(136,37,202)
```
#952fd9
```
#952fd9 rgb(149,47,217)
```
#a044dd
```
#a044dd rgb(160,68,221)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#b670e5
```
#b670e5 rgb(182,112,229)
```
#c185e9
```
#c185e9 rgb(193,133,233)
```
#cc9bed
```
#cc9bed rgb(204,155,237)
```

Monochromatic Color

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

#895ae1
```
#895ae1 rgb(137,90,225)
```
#955ae1
```
#955ae1 rgb(149,90,225)
```
#a05ae1
```
#a05ae1 rgb(160,90,225)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#b65ae1
```
#b65ae1 rgb(182,90,225)
```
#c25ae1
```
#c25ae1 rgb(194,90,225)
```
#cd5ae1
```
#cd5ae1 rgb(205,90,225)
```

Similar Colors

Text with hexadecimal color #ab5ae1

This text has a font color of #ab5ae1.

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

#ab5ae1 background color

This paragraph has a background color of #ab5ae1.

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

#ab5ae1 border color

This element has a border color of #ab5ae1.

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

CSS codes

.text {color:#ab5ae1;}

.background {background-color:#ab5ae1;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0c0312
```
#0c0312 rgb(12,3,18)
```
#170622
```
#170622 rgb(23,6,34)
```
#220933
```
#220933 rgb(34,9,51)
```
#2d0c43
```
#2d0c43 rgb(45,12,67)
```
#380f54
```
#380f54 rgb(56,15,84)
```
#441265
```
#441265 rgb(68,18,101)
```
#4f1575
```
#4f1575 rgb(79,21,117)
```
#5a1886
```
#5a1886 rgb(90,24,134)
```
#651b96
```
#651b96 rgb(101,27,150)
```
#701ea7
```
#701ea7 rgb(112,30,167)
```
#7b21b8
```
#7b21b8 rgb(123,33,184)
```
#8724c8
```
#8724c8 rgb(135,36,200)
```

Shade Color Variation

#9228d8
```
#9228d8 rgb(146,40,216)
```
#9a39db
```
#9a39db rgb(154,57,219)
```
#a349de
```
#a349de rgb(163,73,222)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#b36be4
```
#b36be4 rgb(179,107,228)
```
#bc7be7
```
#bc7be7 rgb(188,123,231)
```
#c48cea
```
#c48cea rgb(196,140,234)
```
#cd9ced
```
#cd9ced rgb(205,156,237)
```
#d5adf0
```
#d5adf0 rgb(213,173,240)
```
#debef3
```
#debef3 rgb(222,190,243)
```
#e6cef6
```
#e6cef6 rgb(230,206,246)
```
#efdff9
```
#efdff9 rgb(239,223,249)
```
#f7effc
```
#f7effc rgb(247,239,252)
```

Tint Color Variation

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

#9f96a5
```
#9f96a5 rgb(159,150,165)
```
#a18fad
```
#a18fad rgb(161,143,173)
```
#a287b4
```
#a287b4 rgb(162,135,180)
```
#a480bc
```
#a480bc rgb(164,128,188)
```
#a578c3
```
#a578c3 rgb(165,120,195)
```
#a771cb
```
#a771cb rgb(167,113,203)
```
#a869d2
```
#a869d2 rgb(168,105,210)
```
#aa62da
```
#aa62da rgb(170,98,218)
```
#ab5ae1
```
#ab5ae1 rgb(171,90,225)
```
#ad53e9
```
#ad53e9 rgb(173,83,233)
```
#ae4bf0
```
#ae4bf0 rgb(174,75,240)
```
#b044f8
```
#b044f8 rgb(176,68,248)
```
#b13cff
```
#b13cff rgb(177,60,255)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8a7a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a81fd Protanopia 1% of men
#4987d6 Deuteranopia 1% of men
#9d7e86 Tritanopia 0.001% of the population

Trichromacy

#4e73f3 Protanomaly 1% of men, 0.01% of women
#6c76da Deuteranomaly 6% of men, 0.4% of women
#a270a7 Tritanomaly 0.01% of the population

#ab5ae1 hex color

#ab5ae1 Color Information

#ab5ae1 Color Conversion

Color Schemes with #ab5ae1

Alternatives to #ab5ae1

#ab5ae1 Preview

Shades and Tints of #ab5ae1

Tones of #ab5ae1

Color Blindness Simulator