#ab5ed4 hex color

In a RGB color space, hex #ab5ed4 is composed of 67.1% red, 36.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 55.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 279.2 degrees, a saturation of 57.8% and a lightness of 60%. #ab5ed4 color hex could be obtained by blending #ffbcff with #5700a9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 67
- G 37
- B 83
RGB color chart
- C 19
- M 56
- Y 0
- K 17
CMYK color chart

● #ab5ed4 color description : Moderate violet.

The hexadecimal color #ab5ed4 has RGB values of R:171, G:94, B:212 and CMYK values of C:0.19, M:0.56, Y:0, K:0.17. Its decimal value is 11230932.

Hex triplet	ab5ed4	`#ab5ed4`
RGB Decimal	171, 94, 212	`rgb(171,94,212)`
RGB Percent	67.1, 36.9, 83.1	`rgb(67.1%,36.9%,83.1%)`
CMYK	19, 56, 0, 17
HSL	279.2°, 57.8, 60	`hsl(279.2,57.8%,60%)`
HSV (or HSB)	279.2°, 55.7, 83.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.404, 51.126, -48.478
XYZ	32.679, 21.418, 64.696
xyY	0.275, 0.18, 21.418
CIE-LCH	53.404, 70.456, 316.523
CIE-LUV	53.404, 28.243, -80.954
Hunter-Lab	46.279, 45.056, -50.489
Binary	10101011, 01011110, 11010100

#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#87d45e
```
#87d45e rgb(135,212,94)
```

Complementary Color

#705ed4
```
#705ed4 rgb(112,94,212)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#d45ec2
```
#d45ec2 rgb(212,94,194)
```

Analogous Color

#5ed470
```
#5ed470 rgb(94,212,112)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#c2d45e
```
#c2d45e rgb(194,212,94)
```

Split Complementary Color

#5ed4ab
```
#5ed4ab rgb(94,212,171)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#d4ab5e
```
#d4ab5e rgb(212,171,94)
```

Triadic Color

#5e87d4
```
#5e87d4 rgb(94,135,212)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#d4ab5e
```
#d4ab5e rgb(212,171,94)
```
#87d45e
```
#87d45e rgb(135,212,94)
```

Tetradic Color

#8730b5
```
#8730b5 rgb(135,48,181)
```
#9636c9
```
#9636c9 rgb(150,54,201)
```
#a14acf
```
#a14acf rgb(161,74,207)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#b672d9
```
#b672d9 rgb(182,114,217)
```
#c086df
```
#c086df rgb(192,134,223)
```
#cb9ae4
```
#cb9ae4 rgb(203,154,228)
```

Monochromatic Color

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

#8e5ed4
```
#8e5ed4 rgb(142,94,212)
```
#975ed4
```
#975ed4 rgb(151,94,212)
```
#a15ed4
```
#a15ed4 rgb(161,94,212)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#b55ed4
```
#b55ed4 rgb(181,94,212)
```
#bf5ed4
```
#bf5ed4 rgb(191,94,212)
```
#c95ed4
```
#c95ed4 rgb(201,94,212)
```

Similar Colors

Text with hexadecimal color #ab5ed4

This text has a font color of #ab5ed4.

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

#ab5ed4 background color

This paragraph has a background color of #ab5ed4.

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

#ab5ed4 border color

This element has a border color of #ab5ed4.

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

CSS codes

.text {color:#ab5ed4;}

.background {background-color:#ab5ed4;}

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

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

#070209
```
#070209 rgb(7,2,9)
```
#120719
```
#120719 rgb(18,7,25)
```
#1e0b28
```
#1e0b28 rgb(30,11,40)
```
#2a0f38
```
#2a0f38 rgb(42,15,56)
```
#351347
```
#351347 rgb(53,19,71)
```
#411757
```
#411757 rgb(65,23,87)
```
#4c1b66
```
#4c1b66 rgb(76,27,102)
```
#581f76
```
#581f76 rgb(88,31,118)
```
#632485
```
#632485 rgb(99,36,133)
```
#6f2895
```
#6f2895 rgb(111,40,149)
```
#7a2ca4
```
#7a2ca4 rgb(122,44,164)
```
#8630b4
```
#8630b4 rgb(134,48,180)
```
#9134c3
```
#9134c3 rgb(145,52,195)
```

Shade Color Variation

#9b3fcc
```
#9b3fcc rgb(155,63,204)
```
#a34fd0
```
#a34fd0 rgb(163,79,208)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#b36dd8
```
#b36dd8 rgb(179,109,216)
```
#bb7ddc
```
#bb7ddc rgb(187,125,220)
```
#c38ce0
```
#c38ce0 rgb(195,140,224)
```
#cb9ce5
```
#cb9ce5 rgb(203,156,229)
```
#d3abe9
```
#d3abe9 rgb(211,171,233)
```
#dbbbed
```
#dbbbed rgb(219,187,237)
```
#e4caf1
```
#e4caf1 rgb(228,202,241)
```
#ecdaf5
```
#ecdaf5 rgb(236,218,245)
```
#f4e9f9
```
#f4e9f9 rgb(244,233,249)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#9a959d
```
#9a959d rgb(154,149,157)
```
#9d8da5
```
#9d8da5 rgb(157,141,165)
```
#9f85ad
```
#9f85ad rgb(159,133,173)
```
#a17db5
```
#a17db5 rgb(161,125,181)
```
#a476bc
```
#a476bc rgb(164,118,188)
```
#a66ec4
```
#a66ec4 rgb(166,110,196)
```
#a966cc
```
#a966cc rgb(169,102,204)
```
#ab5ed4
```
#ab5ed4 rgb(171,94,212)
```
#ad56dc
```
#ad56dc rgb(173,86,220)
```
#b04ee4
```
#b04ee4 rgb(176,78,228)
```
#b246ec
```
#b246ec rgb(178,70,236)
```
#b53ff3
```
#b53ff3 rgb(181,63,243)
```
#b737fb
```
#b737fb rgb(183,55,251)
```

Tone Color Variation

Below, you can see how #ab5ed4 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
#8a7b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4682ed Protanopia 1% of men
#5b86cb Deuteranopia 1% of men
#a07c85 Tritanopia 0.001% of the population

Trichromacy

#6a75e4 Protanomaly 1% of men, 0.01% of women
#7877ce Deuteranomaly 6% of men, 0.4% of women
#a471a2 Tritanomaly 0.01% of the population

#ab5ed4 hex color

#ab5ed4 Color Information

#ab5ed4 Color Conversion

Color Schemes with #ab5ed4

Alternatives to #ab5ed4

#ab5ed4 Preview

Shades and Tints of #ab5ed4

Tones of #ab5ed4

Color Blindness Simulator