#ab86dc hex color

In a RGB color space, hex #ab86dc is composed of 67.1% red, 52.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 39.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 265.8 degrees, a saturation of 55.1% and a lightness of 69.4%. #ab86dc color hex could be obtained by blending #ffffff with #570db9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 53
- B 86
RGB color chart
- C 22
- M 39
- Y 0
- K 14
CMYK color chart

● #ab86dc color description : Very soft violet.

The hexadecimal color #ab86dc has RGB values of R:171, G:134, B:220 and CMYK values of C:0.22, M:0.39, Y:0, K:0.14. Its decimal value is 11241180.

Hex triplet	ab86dc	`#ab86dc`
RGB Decimal	171, 134, 220	`rgb(171,134,220)`
RGB Percent	67.1, 52.5, 86.3	`rgb(67.1%,52.5%,86.3%)`
CMYK	22, 39, 0, 14
HSL	265.8°, 55.1, 69.4	`hsl(265.8,55.1%,69.4%)`
HSV (or HSB)	265.8°, 39.1, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.403, 31.161, -38.784
XYZ	38.236, 30.876, 71.651
xyY	0.272, 0.219, 30.876
CIE-LCH	62.403, 49.751, 308.78
CIE-LUV	62.403, 12.713, -65.232
Hunter-Lab	55.566, 25.589, -37.558
Binary	10101011, 10000110, 11011100

#ab86dc
```
#ab86dc rgb(171,134,220)
```
#b7dc86
```
#b7dc86 rgb(183,220,134)
```

Complementary Color

#868cdc
```
#868cdc rgb(134,140,220)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#d686dc
```
#d686dc rgb(214,134,220)
```

Analogous Color

#8cdc86
```
#8cdc86 rgb(140,220,134)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#dcd686
```
#dcd686 rgb(220,214,134)
```

Split Complementary Color

#86dcab
```
#86dcab rgb(134,220,171)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#dcab86
```
#dcab86 rgb(220,171,134)
```

Triadic Color

#86b7dc
```
#86b7dc rgb(134,183,220)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#dcab86
```
#dcab86 rgb(220,171,134)
```
#b7dc86
```
#b7dc86 rgb(183,220,134)
```

Tetradic Color

#824bcb
```
#824bcb rgb(130,75,203)
```
#905ed1
```
#905ed1 rgb(144,94,209)
```
#9d72d6
```
#9d72d6 rgb(157,114,214)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#b99ae2
```
#b99ae2 rgb(185,154,226)
```
#c6aee7
```
#c6aee7 rgb(198,174,231)
```
#d4c1ed
```
#d4c1ed rgb(212,193,237)
```

Monochromatic Color

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

#9686dc
```
#9686dc rgb(150,134,220)
```
#9d86dc
```
#9d86dc rgb(157,134,220)
```
#a486dc
```
#a486dc rgb(164,134,220)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#b286dc
```
#b286dc rgb(178,134,220)
```
#b986dc
```
#b986dc rgb(185,134,220)
```
#c186dc
```
#c186dc rgb(193,134,220)
```

Similar Colors

Text with hexadecimal color #ab86dc

This text has a font color of #ab86dc.

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

#ab86dc background color

This paragraph has a background color of #ab86dc.

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

#ab86dc border color

This element has a border color of #ab86dc.

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

CSS codes

.text {color:#ab86dc;}

.background {background-color:#ab86dc;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#090510
```
#090510 rgb(9,5,16)
```
#13091f
```
#13091f rgb(19,9,31)
```
#1c0d2e
```
#1c0d2e rgb(28,13,46)
```
#25123e
```
#25123e rgb(37,18,62)
```
#2e164d
```
#2e164d rgb(46,22,77)
```
#371b5c
```
#371b5c rgb(55,27,92)
```
#401f6b
```
#401f6b rgb(64,31,107)
```
#49237a
```
#49237a rgb(73,35,122)
```
#52288a
```
#52288a rgb(82,40,138)
```
#5b2c99
```
#5b2c99 rgb(91,44,153)
```
#6431a8
```
#6431a8 rgb(100,49,168)
```
#6d35b7
```
#6d35b7 rgb(109,53,183)
```

Shade Color Variation

#763ac6
```
#763ac6 rgb(118,58,198)
```
#8149ca
```
#8149ca rgb(129,73,202)
```
#8b58cf
```
#8b58cf rgb(139,88,207)
```
#9668d3
```
#9668d3 rgb(150,104,211)
```
#a077d8
```
#a077d8 rgb(160,119,216)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#b695e0
```
#b695e0 rgb(182,149,224)
```
#c0a4e5
```
#c0a4e5 rgb(192,164,229)
```
#cbb4e9
```
#cbb4e9 rgb(203,180,233)
```
#d5c3ee
```
#d5c3ee rgb(213,195,238)
```
#e0d2f2
```
#e0d2f2 rgb(224,210,242)
```
#eae1f6
```
#eae1f6 rgb(234,225,246)
```
#f5f1fb
```
#f5f1fb rgb(245,241,251)
```

Tint Color Variation

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

#b1b0b2
```
#b1b0b2 rgb(177,176,178)
```
#b0aab8
```
#b0aab8 rgb(176,170,184)
```
#afa4be
```
#afa4be rgb(175,164,190)
```
#ae9ec4
```
#ae9ec4 rgb(174,158,196)
```
#ae98ca
```
#ae98ca rgb(174,152,202)
```
#ad92d0
```
#ad92d0 rgb(173,146,208)
```
#ac8cd6
```
#ac8cd6 rgb(172,140,214)
```
#ab86dc
```
#ab86dc rgb(171,134,220)
```
#aa80e2
```
#aa80e2 rgb(170,128,226)
```
#a97ae8
```
#a97ae8 rgb(169,122,232)
```
#a874ee
```
#a874ee rgb(168,116,238)
```
#a86ef4
```
#a86ef4 rgb(168,110,244)
```
#a768fa
```
#a768fa rgb(167,104,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9e97a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d99e7 Protanopia 1% of men
#839bd8 Deuteranopia 1% of men
#a399a4 Tritanopia 0.001% of the population

Trichromacy

#8e92e3 Protanomaly 1% of men, 0.01% of women
#9193d9 Deuteranomaly 6% of men, 0.4% of women
#a692b8 Tritanomaly 0.01% of the population

#ab86dc hex color

#ab86dc Color Information

#ab86dc Color Conversion

Color Schemes with #ab86dc

Alternatives to #ab86dc

#ab86dc Preview

Shades and Tints of #ab86dc

Tones of #ab86dc

Color Blindness Simulator