#ab5bd2 hex color

In a RGB color space, hex #ab5bd2 is composed of 67.1% red, 35.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 56.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 280.3 degrees, a saturation of 56.9% and a lightness of 59%. #ab5bd2 color hex could be obtained by blending #ffb6ff with #5700a5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 67
- G 36
- B 82
RGB color chart
- C 19
- M 57
- Y 0
- K 18
CMYK color chart

● #ab5bd2 color description : Moderate violet.

The hexadecimal color #ab5bd2 has RGB values of R:171, G:91, B:210 and CMYK values of C:0.19, M:0.57, Y:0, K:0.18. Its decimal value is 11230162.

Hex triplet	ab5bd2	`#ab5bd2`
RGB Decimal	171, 91, 210	`rgb(171,91,210)`
RGB Percent	67.1, 35.7, 82.4	`rgb(67.1%,35.7%,82.4%)`
CMYK	19, 57, 0, 18
HSL	280.3°, 56.9, 59	`hsl(280.3,56.9%,59%)`
HSV (or HSB)	280.3°, 56.7, 82.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.723, 52.218, -48.422
XYZ	32.167, 20.794, 63.288
xyY	0.277, 0.179, 20.794
CIE-LCH	52.723, 71.214, 317.16
CIE-LUV	52.723, 29.566, -80.766
Hunter-Lab	45.601, 46.114, -50.367
Binary	10101011, 01011011, 11010010

#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#82d25b
```
#82d25b rgb(130,210,91)
```

Complementary Color

#705bd2
```
#705bd2 rgb(112,91,210)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#d25bbe
```
#d25bbe rgb(210,91,190)
```

Analogous Color

#5bd270
```
#5bd270 rgb(91,210,112)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#bed25b
```
#bed25b rgb(190,210,91)
```

Split Complementary Color

#5bd2ab
```
#5bd2ab rgb(91,210,171)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#d2ab5b
```
#d2ab5b rgb(210,171,91)
```

Triadic Color

#5b82d2
```
#5b82d2 rgb(91,130,210)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#d2ab5b
```
#d2ab5b rgb(210,171,91)
```
#82d25b
```
#82d25b rgb(130,210,91)
```

Tetradic Color

#8630b0
```
#8630b0 rgb(134,48,176)
```
#9636c4
```
#9636c4 rgb(150,54,196)
```
#a147cd
```
#a147cd rgb(161,71,205)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#b56fd7
```
#b56fd7 rgb(181,111,215)
```
#bf83dd
```
#bf83dd rgb(191,131,221)
```
#ca97e2
```
#ca97e2 rgb(202,151,226)
```

Monochromatic Color

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

#8d5bd2
```
#8d5bd2 rgb(141,91,210)
```
#975bd2
```
#975bd2 rgb(151,91,210)
```
#a15bd2
```
#a15bd2 rgb(161,91,210)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#b55bd2
```
#b55bd2 rgb(181,91,210)
```
#bf5bd2
```
#bf5bd2 rgb(191,91,210)
```
#c95bd2
```
#c95bd2 rgb(201,91,210)
```

Similar Colors

Text with hexadecimal color #ab5bd2

This text has a font color of #ab5bd2.

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

#ab5bd2 background color

This paragraph has a background color of #ab5bd2.

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

#ab5bd2 border color

This element has a border color of #ab5bd2.

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

CSS codes

.text {color:#ab5bd2;}

.background {background-color:#ab5bd2;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#100615
```
#100615 rgb(16,6,21)
```
#1c0a24
```
#1c0a24 rgb(28,10,36)
```
#270e33
```
#270e33 rgb(39,14,51)
```
#331243
```
#331243 rgb(51,18,67)
```
#3f1752
```
#3f1752 rgb(63,23,82)
```
#4a1b62
```
#4a1b62 rgb(74,27,98)
```
#561f71
```
#561f71 rgb(86,31,113)
```
#622380
```
#622380 rgb(98,35,128)
```
#6e2790
```
#6e2790 rgb(110,39,144)
```
#792c9f
```
#792c9f rgb(121,44,159)
```
#8530af
```
#8530af rgb(133,48,175)
```
#9134be
```
#9134be rgb(145,52,190)
```

Shade Color Variation

#9b3cca
```
#9b3cca rgb(155,60,202)
```
#a34cce
```
#a34cce rgb(163,76,206)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#b36ad6
```
#b36ad6 rgb(179,106,214)
```
#bb7ada
```
#bb7ada rgb(187,122,218)
```
#c389df
```
#c389df rgb(195,137,223)
```
#cb99e3
```
#cb99e3 rgb(203,153,227)
```
#d2a8e7
```
#d2a8e7 rgb(210,168,231)
```
#dab7eb
```
#dab7eb rgb(218,183,235)
```
#e2c7f0
```
#e2c7f0 rgb(226,199,240)
```
#ead6f4
```
#ead6f4 rgb(234,214,244)
```
#f2e6f8
```
#f2e6f8 rgb(242,230,248)
```
#faf5fc
```
#faf5fc rgb(250,245,252)
```

Tint Color Variation

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

#98939a
```
#98939a rgb(152,147,154)
```
#9a8ba2
```
#9a8ba2 rgb(154,139,162)
```
#9d83aa
```
#9d83aa rgb(157,131,170)
```
#a07bb2
```
#a07bb2 rgb(160,123,178)
```
#a373ba
```
#a373ba rgb(163,115,186)
```
#a56bc2
```
#a56bc2 rgb(165,107,194)
```
#a863ca
```
#a863ca rgb(168,99,202)
```
#ab5bd2
```
#ab5bd2 rgb(171,91,210)
```
#ae53da
```
#ae53da rgb(174,83,218)
```
#b14be2
```
#b14be2 rgb(177,75,226)
```
#b343ea
```
#b343ea rgb(179,67,234)
```
#b63bf2
```
#b63bf2 rgb(182,59,242)
```
#b933fa
```
#b933fa rgb(185,51,250)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#897990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4280ec Protanopia 1% of men
#5a84c9 Deuteranopia 1% of men
#a07a83 Tritanopia 0.001% of the population

Trichromacy

#6873e2 Protanomaly 1% of men, 0.01% of women
#7775cc Deuteranomaly 6% of men, 0.4% of women
#a46f9f Tritanomaly 0.01% of the population

#ab5bd2 hex color

#ab5bd2 Color Information

#ab5bd2 Color Conversion

Color Schemes with #ab5bd2

Alternatives to #ab5bd2

#ab5bd2 Preview

Shades and Tints of #ab5bd2

Tones of #ab5bd2

Color Blindness Simulator