colorhexa.com

#ab5dc8 hex color

In a RGB color space, hex #ab5dc8 is composed of 67.1% red, 36.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 53.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 283.7 degrees, a saturation of 49.3% and a lightness of 57.5%. #ab5dc8 color hex could be obtained by blending #ffbaff with #570091. Closest websafe color is: #9966cc.

- R 67
- G 36
- B 78
RGB color chart
- C 15
- M 54
- Y 0
- K 22
CMYK color chart

● #ab5dc8 color description : Moderate violet.

The hexadecimal color #ab5dc8 has RGB values of R:171, G:93, B:200 and CMYK values of C:0.15, M:0.54, Y:0, K:0.22. Its decimal value is 11230664.

Hex triplet	ab5dc8	`#ab5dc8`
RGB Decimal	171, 93, 200	`rgb(171,93,200)`
RGB Percent	67.1, 36.5, 78.4	`rgb(67.1%,36.5%,78.4%)`
CMYK	15, 54, 0, 22
HSL	283.7°, 49.3, 57.5	`hsl(283.7,49.3%,57.5%)`
HSV (or HSB)	283.7°, 53.5, 78.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.573, 49.092, -42.948
XYZ	31.133, 20.658, 56.988
xyY	0.286, 0.19, 20.658
CIE-LCH	52.573, 65.227, 318.819
CIE-LUV	52.573, 31.031, -71.889
Hunter-Lab	45.451, 42.73, -42.524
Binary	10101011, 01011101, 11001000

#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#7ac85d
```
#7ac85d rgb(122,200,93)
```

Complementary Color

#765dc8
```
#765dc8 rgb(118,93,200)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#c85db0
```
#c85db0 rgb(200,93,176)
```

Analogous Color

#5dc876
```
#5dc876 rgb(93,200,118)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#b0c85d
```
#b0c85d rgb(176,200,93)
```

Split Complementary Color

#5dc8ab
```
#5dc8ab rgb(93,200,171)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#c8ab5d
```
#c8ab5d rgb(200,171,93)
```

Triadic Color

#5d7ac8
```
#5d7ac8 rgb(93,122,200)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#c8ab5d
```
#c8ab5d rgb(200,171,93)
```
#7ac85d
```
#7ac85d rgb(122,200,93)
```

Tetradic Color

#8537a2
```
#8537a2 rgb(133,55,162)
```
#943db5
```
#943db5 rgb(148,61,181)
```
#a14ac2
```
#a14ac2 rgb(161,74,194)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#b570ce
```
#b570ce rgb(181,112,206)
```
#bf83d5
```
#bf83d5 rgb(191,131,213)
```
#c996db
```
#c996db rgb(201,150,219)
```

Monochromatic Color

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

#905dc8
```
#905dc8 rgb(144,93,200)
```
#995dc8
```
#995dc8 rgb(153,93,200)
```
#a25dc8
```
#a25dc8 rgb(162,93,200)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#b45dc8
```
#b45dc8 rgb(180,93,200)
```
#bd5dc8
```
#bd5dc8 rgb(189,93,200)
```
#c65dc8
```
#c65dc8 rgb(198,93,200)
```

Similar Colors

Text with hexadecimal color #ab5dc8

This text has a font color of #ab5dc8.

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

#ab5dc8 background color

This paragraph has a background color of #ab5dc8.

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

#ab5dc8 border color

This element has a border color of #ab5dc8.

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

CSS codes

.text {color:#ab5dc8;}

.background {background-color:#ab5dc8;}

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

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

#0b050e
```
#0b050e rgb(11,5,14)
```
#170a1c
```
#170a1c rgb(23,10,28)
```
#230f2b
```
#230f2b rgb(35,15,43)
```
#2f143a
```
#2f143a rgb(47,20,58)
```
#3b1948
```
#3b1948 rgb(59,25,72)
```
#471e57
```
#471e57 rgb(71,30,87)
```
#532266
```
#532266 rgb(83,34,102)
```
#5f2774
```
#5f2774 rgb(95,39,116)
```
#6b2c83
```
#6b2c83 rgb(107,44,131)
```
#773192
```
#773192 rgb(119,49,146)
```
#8336a0
```
#8336a0 rgb(131,54,160)
```
#903baf
```
#903baf rgb(144,59,175)
```
#9c40bd
```
#9c40bd rgb(156,64,189)
```

Shade Color Variation

#a34ec3
```
#a34ec3 rgb(163,78,195)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#b36ccd
```
#b36ccd rgb(179,108,205)
```
#ba7ad2
```
#ba7ad2 rgb(186,122,210)
```
#c289d7
```
#c289d7 rgb(194,137,215)
```
#c998dc
```
#c998dc rgb(201,152,220)
```
#d1a6e1
```
#d1a6e1 rgb(209,166,225)
```
#d9b5e6
```
#d9b5e6 rgb(217,181,230)
```
#e0c4eb
```
#e0c4eb rgb(224,196,235)
```
#e8d2f0
```
#e8d2f0 rgb(232,210,240)
```
#efe1f5
```
#efe1f5 rgb(239,225,245)
```
#f7effa
```
#f7effa rgb(247,239,250)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#948f96
```
#948f96 rgb(148,143,150)
```
#98879e
```
#98879e rgb(152,135,158)
```
#9c7ea7
```
#9c7ea7 rgb(156,126,167)
```
#a076af
```
#a076af rgb(160,118,175)
```
#a36eb7
```
#a36eb7 rgb(163,110,183)
```
#a765c0
```
#a765c0 rgb(167,101,192)
```
#ab5dc8
```
#ab5dc8 rgb(171,93,200)
```
#af55d0
```
#af55d0 rgb(175,85,208)
```
#b34cd9
```
#b34cd9 rgb(179,76,217)
```
#b644e1
```
#b644e1 rgb(182,68,225)
```
#ba3ce9
```
#ba3ce9 rgb(186,60,233)
```
#be33f2
```
#be33f2 rgb(190,51,242)
```
#c22bfa
```
#c22bfa rgb(194,43,250)
```

Tone Color Variation

Below, you can see how #ab5dc8 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
#897a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5181e0 Protanopia 1% of men
#6483c1 Deuteranopia 1% of men
#a27981 Tritanopia 0.001% of the population

Trichromacy

#7173d7 Protanomaly 1% of men, 0.01% of women
#7e75c3 Deuteranomaly 6% of men, 0.4% of women
#a56e9b Tritanomaly 0.01% of the population