#ba86ec hex color

In a RGB color space, hex #ba86ec is composed of 72.9% red, 52.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 43.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 270.6 degrees, a saturation of 72.9% and a lightness of 72.5%. #ba86ec color hex could be obtained by blending #ffffff with #750dd9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 53
- B 93
RGB color chart
- C 21
- M 43
- Y 0
- K 7
CMYK color chart

● #ba86ec color description : Very soft violet.

The hexadecimal color #ba86ec has RGB values of R:186, G:134, B:236 and CMYK values of C:0.21, M:0.43, Y:0, K:0.07. Its decimal value is 12224236.

Hex triplet	ba86ec	`#ba86ec`
RGB Decimal	186, 134, 236	`rgb(186,134,236)`
RGB Percent	72.9, 52.5, 92.5	`rgb(72.9%,52.5%,92.5%)`
CMYK	21, 43, 0, 7
HSL	270.6°, 72.9, 72.5	`hsl(270.6,72.9%,72.5%)`
HSV (or HSB)	270.6°, 43.2, 92.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	64.601, 39.118, -44.109
XYZ	43.913, 33.546, 83.514
xyY	0.273, 0.208, 33.546
CIE-LCH	64.601, 58.956, 311.568
CIE-LUV	64.601, 18.789, -75.439
Hunter-Lab	57.919, 33.977, -44.948
Binary	10111010, 10000110, 11101100

#ba86ec
```
#ba86ec rgb(186,134,236)
```
#b8ec86
```
#b8ec86 rgb(184,236,134)
```

Complementary Color

#8786ec
```
#8786ec rgb(135,134,236)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#ec86eb
```
#ec86eb rgb(236,134,235)
```

Analogous Color

#86ec87
```
#86ec87 rgb(134,236,135)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#ebec86
```
#ebec86 rgb(235,236,134)
```

Split Complementary Color

#86ecba
```
#86ecba rgb(134,236,186)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#ecba86
```
#ecba86 rgb(236,186,134)
```

Triadic Color

#86b8ec
```
#86b8ec rgb(134,184,236)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#ecba86
```
#ecba86 rgb(236,186,134)
```
#b8ec86
```
#b8ec86 rgb(184,236,134)
```

Tetradic Color

#9444e2
```
#9444e2 rgb(148,68,226)
```
#a15ae5
```
#a15ae5 rgb(161,90,229)
```
#ad70e9
```
#ad70e9 rgb(173,112,233)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#c79cef
```
#c79cef rgb(199,156,239)
```
#d3b2f3
```
#d3b2f3 rgb(211,178,243)
```
#e0c8f6
```
#e0c8f6 rgb(224,200,246)
```

Monochromatic Color

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

#a186ec
```
#a186ec rgb(161,134,236)
```
#a986ec
```
#a986ec rgb(169,134,236)
```
#b286ec
```
#b286ec rgb(178,134,236)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#c386ec
```
#c386ec rgb(195,134,236)
```
#cb86ec
```
#cb86ec rgb(203,134,236)
```
#d486ec
```
#d486ec rgb(212,134,236)
```

Similar Colors

Text with hexadecimal color #ba86ec

This text has a font color of #ba86ec.

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

#ba86ec background color

This paragraph has a background color of #ba86ec.

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

#ba86ec border color

This element has a border color of #ba86ec.

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

CSS codes

.text {color:#ba86ec;}

.background {background-color:#ba86ec;}

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

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, #09020f is the darkest color, while #fefdff is the lightest one.

#09020f
```
#09020f rgb(9,2,15)
```
#130520
```
#130520 rgb(19,5,32)
```
#1c0831
```
#1c0831 rgb(28,8,49)
```
#260a41
```
#260a41 rgb(38,10,65)
```
#300d52
```
#300d52 rgb(48,13,82)
```
#3a1063
```
#3a1063 rgb(58,16,99)
```
#441274
```
#441274 rgb(68,18,116)
```
#4e1585
```
#4e1585 rgb(78,21,133)
```
#581896
```
#581896 rgb(88,24,150)
```
#621aa7
```
#621aa7 rgb(98,26,167)
```
#6c1db8
```
#6c1db8 rgb(108,29,184)
```
#7620c9
```
#7620c9 rgb(118,32,201)
```
#8022da
```
#8022da rgb(128,34,218)
```

Shade Color Variation

#8a31df
```
#8a31df rgb(138,49,223)
```
#9342e1
```
#9342e1 rgb(147,66,225)
```
#9d53e4
```
#9d53e4 rgb(157,83,228)
```
#a764e7
```
#a764e7 rgb(167,100,231)
```
#b075e9
```
#b075e9 rgb(176,117,233)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#c497ef
```
#c497ef rgb(196,151,239)
```
#cda8f1
```
#cda8f1 rgb(205,168,241)
```
#d7b9f4
```
#d7b9f4 rgb(215,185,244)
```
#e1caf7
```
#e1caf7 rgb(225,202,247)
```
#eadbf9
```
#eadbf9 rgb(234,219,249)
```
#f4ecfc
```
#f4ecfc rgb(244,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b9b6bc
```
#b9b6bc rgb(185,182,188)
```
#b9b1c1
```
#b9b1c1 rgb(185,177,193)
```
#b9acc6
```
#b9acc6 rgb(185,172,198)
```
#b9a6cc
```
#b9a6cc rgb(185,166,204)
```
#b9a1d1
```
#b9a1d1 rgb(185,161,209)
```
#ba9cd6
```
#ba9cd6 rgb(186,156,214)
```
#ba96dc
```
#ba96dc rgb(186,150,220)
```
#ba91e1
```
#ba91e1 rgb(186,145,225)
```
#ba8be7
```
#ba8be7 rgb(186,139,231)
```
#ba86ec
```
#ba86ec rgb(186,134,236)
```
#ba81f1
```
#ba81f1 rgb(186,129,241)
```
#ba7bf7
```
#ba7bf7 rgb(186,123,247)
```
#ba76fc
```
#ba76fc rgb(186,118,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a69cb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a9efb Protanopia 1% of men
#82a0e5 Deuteranopia 1% of men
#af9ca7 Tritanopia 0.001% of the population

Trichromacy

#9195f5 Protanomaly 1% of men, 0.01% of women
#9697e8 Deuteranomaly 6% of men, 0.4% of women
#b394c0 Tritanomaly 0.01% of the population

#ba86ec hex color

#ba86ec Color Information

#ba86ec Color Conversion

Color Schemes with #ba86ec

Alternatives to #ba86ec

#ba86ec Preview

Shades and Tints of #ba86ec

Tones of #ba86ec

Color Blindness Simulator