#a86ff2 hex color

In a RGB color space, hex #a86ff2 is composed of 65.9% red, 43.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 54.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 266.1 degrees, a saturation of 83.4% and a lightness of 69.2%. #a86ff2 color hex could be obtained by blending #ffdeff with #5100e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 66
- G 44
- B 95
RGB color chart
- C 31
- M 54
- Y 0
- K 5
CMYK color chart

● #a86ff2 color description : Soft violet.

The hexadecimal color #a86ff2 has RGB values of R:168, G:111, B:242 and CMYK values of C:0.31, M:0.54, Y:0, K:0.05. Its decimal value is 11038706.

Hex triplet	a86ff2	`#a86ff2`
RGB Decimal	168, 111, 242	`rgb(168,111,242)`
RGB Percent	65.9, 43.5, 94.9	`rgb(65.9%,43.5%,94.9%)`
CMYK	31, 54, 0, 5
HSL	266.1°, 83.4, 69.2	`hsl(266.1,83.4%,69.2%)`
HSV (or HSB)	266.1°, 54.1, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	58.136, 48.328, -57.798
XYZ	37.857, 26.105, 87.044
xyY	0.251, 0.173, 26.105
CIE-LCH	58.136, 75.34, 309.901
CIE-LUV	58.136, 16.207, -96.826
Hunter-Lab	51.093, 42.847, -65.244
Binary	10101000, 01101111, 11110010

#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#b9f26f
```
#b9f26f rgb(185,242,111)
```

Complementary Color

#6f78f2
```
#6f78f2 rgb(111,120,242)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#ea6ff2
```
#ea6ff2 rgb(234,111,242)
```

Analogous Color

#78f26f
```
#78f26f rgb(120,242,111)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#f2ea6f
```
#f2ea6f rgb(242,234,111)
```

Split Complementary Color

#6ff2a8
```
#6ff2a8 rgb(111,242,168)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#f2a86f
```
#f2a86f rgb(242,168,111)
```

Triadic Color

#6fb9f2
```
#6fb9f2 rgb(111,185,242)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#f2a86f
```
#f2a86f rgb(242,168,111)
```
#b9f26f
```
#b9f26f rgb(185,242,111)
```

Tetradic Color

#7e29ec
```
#7e29ec rgb(126,41,236)
```
#8c40ee
```
#8c40ee rgb(140,64,238)
```
#9a58f0
```
#9a58f0 rgb(154,88,240)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#b686f4
```
#b686f4 rgb(182,134,244)
```
#c49ef6
```
#c49ef6 rgb(196,158,246)
```
#d2b5f8
```
#d2b5f8 rgb(210,181,248)
```

Monochromatic Color

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

#876ff2
```
#876ff2 rgb(135,111,242)
```
#926ff2
```
#926ff2 rgb(146,111,242)
```
#9d6ff2
```
#9d6ff2 rgb(157,111,242)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#b36ff2
```
#b36ff2 rgb(179,111,242)
```
#be6ff2
```
#be6ff2 rgb(190,111,242)
```
#c96ff2
```
#c96ff2 rgb(201,111,242)
```

Similar Colors

Text with hexadecimal color #a86ff2

This text has a font color of #a86ff2.

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

#a86ff2 background color

This paragraph has a background color of #a86ff2.

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

#a86ff2 border color

This element has a border color of #a86ff2.

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

CSS codes

.text {color:#a86ff2;}

.background {background-color:#a86ff2;}

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

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

#090212
```
#090212 rgb(9,2,18)
```
#110324
```
#110324 rgb(17,3,36)
```
#1a0536
```
#1a0536 rgb(26,5,54)
```
#230648
```
#230648 rgb(35,6,72)
```
#2c085a
```
#2c085a rgb(44,8,90)
```
#340a6c
```
#340a6c rgb(52,10,108)
```
#3d0b7e
```
#3d0b7e rgb(61,11,126)
```
#460d90
```
#460d90 rgb(70,13,144)
```
#4f0fa2
```
#4f0fa2 rgb(79,15,162)
```
#5710b4
```
#5710b4 rgb(87,16,180)
```
#6012c6
```
#6012c6 rgb(96,18,198)
```
#6913d8
```
#6913d8 rgb(105,19,216)
```
#7215ea
```
#7215ea rgb(114,21,234)
```

Shade Color Variation

#7d27ec
```
#7d27ec rgb(125,39,236)
```
#8739ed
```
#8739ed rgb(135,57,237)
```
#924bef
```
#924bef rgb(146,75,239)
```
#9d5df0
```
#9d5df0 rgb(157,93,240)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#b381f4
```
#b381f4 rgb(179,129,244)
```
#be93f5
```
#be93f5 rgb(190,147,245)
```
#c9a5f7
```
#c9a5f7 rgb(201,165,247)
```
#d3b7f8
```
#d3b7f8 rgb(211,183,248)
```
#dec9fa
```
#dec9fa rgb(222,201,250)
```
#e9dbfc
```
#e9dbfc rgb(233,219,252)
```
#f4edfd
```
#f4edfd rgb(244,237,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0abb6
```
#b0abb6 rgb(176,171,182)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#ae9fc2
```
#ae9fc2 rgb(174,159,194)
```
#ad99c8
```
#ad99c8 rgb(173,153,200)
```
#ad93ce
```
#ad93ce rgb(173,147,206)
```
#ac8dd4
```
#ac8dd4 rgb(172,141,212)
```
#ab87da
```
#ab87da rgb(171,135,218)
```
#aa81e0
```
#aa81e0 rgb(170,129,224)
```
#aa7be6
```
#aa7be6 rgb(170,123,230)
```
#a975ec
```
#a975ec rgb(169,117,236)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#a769f8
```
#a769f8 rgb(167,105,248)
```
#a663fe
```
#a663fe rgb(166,99,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9489a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#508eff Protanopia 1% of men
#4f92e8 Deuteranopia 1% of men
#978f99 Tritanopia 0.001% of the population

Trichromacy

#7082fa Protanomaly 1% of men, 0.01% of women
#6f85eb Deuteranomaly 6% of men, 0.4% of women
#9d83b9 Tritanomaly 0.01% of the population

#a86ff2 hex color

#a86ff2 Color Information

#a86ff2 Color Conversion

Color Schemes with #a86ff2

Alternatives to #a86ff2

#a86ff2 Preview

Shades and Tints of #a86ff2

Tones of #a86ff2

Color Blindness Simulator