#ab5ec4 hex color

In a RGB color space, hex #ab5ec4 is composed of 67.1% red, 36.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 52% magenta, 0% yellow and 23.1% black. It has a hue angle of 285.3 degrees, a saturation of 46.4% and a lightness of 56.9%. #ab5ec4 color hex could be obtained by blending #ffbcff with #570089. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 67
- G 37
- B 77
RGB color chart
- C 13
- M 52
- Y 0
- K 23
CMYK color chart

● #ab5ec4 color description : Moderate magenta.

The hexadecimal color #ab5ec4 has RGB values of R:171, G:94, B:196 and CMYK values of C:0.13, M:0.52, Y:0, K:0.23. Its decimal value is 11230916.

Hex triplet	ab5ec4	`#ab5ec4`
RGB Decimal	171, 94, 196	`rgb(171,94,196)`
RGB Percent	67.1, 36.9, 76.9	`rgb(67.1%,36.9%,76.9%)`
CMYK	13, 52, 0, 23
HSL	285.3°, 46.4, 56.9	`hsl(285.3,46.4%,56.9%)`
HSV (or HSB)	285.3°, 52, 76.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.564, 47.748, -40.667
XYZ	30.76, 20.65, 54.587
xyY	0.29, 0.195, 20.65
CIE-LCH	52.564, 62.719, 319.578
CIE-LUV	52.564, 31.54, -68.187
Hunter-Lab	45.442, 41.303, -39.412
Binary	10101011, 01011110, 11000100

#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#77c45e
```
#77c45e rgb(119,196,94)
```

Complementary Color

#785ec4
```
#785ec4 rgb(120,94,196)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#c45eaa
```
#c45eaa rgb(196,94,170)
```

Analogous Color

#5ec478
```
#5ec478 rgb(94,196,120)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#aac45e
```
#aac45e rgb(170,196,94)
```

Split Complementary Color

#5ec4ab
```
#5ec4ab rgb(94,196,171)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#c4ab5e
```
#c4ab5e rgb(196,171,94)
```

Triadic Color

#5e77c4
```
#5e77c4 rgb(94,119,196)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#c4ab5e
```
#c4ab5e rgb(196,171,94)
```
#77c45e
```
#77c45e rgb(119,196,94)
```

Tetradic Color

#84399c
```
#84399c rgb(132,57,156)
```
#9440af
```
#9440af rgb(148,64,175)
```
#a14bbd
```
#a14bbd rgb(161,75,189)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#b571cb
```
#b571cb rgb(181,113,203)
```
#be83d2
```
#be83d2 rgb(190,131,210)
```
#c896d9
```
#c896d9 rgb(200,150,217)
```

Monochromatic Color

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

#925ec4
```
#925ec4 rgb(146,94,196)
```
#9a5ec4
```
#9a5ec4 rgb(154,94,196)
```
#a35ec4
```
#a35ec4 rgb(163,94,196)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#b45ec4
```
#b45ec4 rgb(180,94,196)
```
#bc5ec4
```
#bc5ec4 rgb(188,94,196)
```
#c45ec4
```
#c45ec4 rgb(196,94,196)
```

Similar Colors

Text with hexadecimal color #ab5ec4

This text has a font color of #ab5ec4.

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

#ab5ec4 background color

This paragraph has a background color of #ab5ec4.

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

#ab5ec4 border color

This element has a border color of #ab5ec4.

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

CSS codes

.text {color:#ab5ec4;}

.background {background-color:#ab5ec4;}

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

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, #0a040b is the darkest color, while #fdfcfe is the lightest one.

#0a040b
```
#0a040b rgb(10,4,11)
```
#16091a
```
#16091a rgb(22,9,26)
```
#220f28
```
#220f28 rgb(34,15,40)
```
#2e1436
```
#2e1436 rgb(46,20,54)
```
#3a1945
```
#3a1945 rgb(58,25,69)
```
#461e53
```
#461e53 rgb(70,30,83)
```
#522461
```
#522461 rgb(82,36,97)
```
#5e2970
```
#5e2970 rgb(94,41,112)
```
#6b2e7e
```
#6b2e7e rgb(107,46,126)
```
#77338c
```
#77338c rgb(119,51,140)
```
#83399b
```
#83399b rgb(131,57,155)
```
#8f3ea9
```
#8f3ea9 rgb(143,62,169)
```
#9b43b8
```
#9b43b8 rgb(155,67,184)
```

Shade Color Variation

#a450bf
```
#a450bf rgb(164,80,191)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#b26cc9
```
#b26cc9 rgb(178,108,201)
```
#ba7bcf
```
#ba7bcf rgb(186,123,207)
```
#c189d4
```
#c189d4 rgb(193,137,212)
```
#c997d9
```
#c997d9 rgb(201,151,217)
```
#d0a6de
```
#d0a6de rgb(208,166,222)
```
#d8b4e4
```
#d8b4e4 rgb(216,180,228)
```
#dfc2e9
```
#dfc2e9 rgb(223,194,233)
```
#e7d1ee
```
#e7d1ee rgb(231,209,238)
```
#eedff3
```
#eedff3 rgb(238,223,243)
```
#f6eef9
```
#f6eef9 rgb(246,238,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#95889a
```
#95889a rgb(149,136,154)
```
#9a80a2
```
#9a80a2 rgb(154,128,162)
```
#9e77ab
```
#9e77ab rgb(158,119,171)
```
#a26fb3
```
#a26fb3 rgb(162,111,179)
```
#a766bc
```
#a766bc rgb(167,102,188)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#b44dd5
```
#b44dd5 rgb(180,77,213)
```
#b845dd
```
#b845dd rgb(184,69,221)
```
#bc3ce6
```
#bc3ce6 rgb(188,60,230)
```
#c134ee
```
#c134ee rgb(193,52,238)
```
#c52bf7
```
#c52bf7 rgb(197,43,247)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#897a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5681db Protanopia 1% of men
#6883bd Deuteranopia 1% of men
#a37881 Tritanopia 0.001% of the population

Trichromacy

#7574d3 Protanomaly 1% of men, 0.01% of women
#8075c0 Deuteranomaly 6% of men, 0.4% of women
#a66f99 Tritanomaly 0.01% of the population

#ab5ec4 hex color

#ab5ec4 Color Information

#ab5ec4 Color Conversion

Color Schemes with #ab5ec4

Alternatives to #ab5ec4

#ab5ec4 Preview

Shades and Tints of #ab5ec4

Tones of #ab5ec4

Color Blindness Simulator