#ba86ed hex color

In a RGB color space, hex #ba86ed is composed of 72.9% red, 52.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 43.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 270.3 degrees, a saturation of 74.1% and a lightness of 72.7%. #ba86ed color hex could be obtained by blending #ffffff with #750ddb. Closest websafe color is: #cc99ff.

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

● #ba86ed color description : Very soft violet.

The hexadecimal color #ba86ed has RGB values of R:186, G:134, B:237 and CMYK values of C:0.22, M:0.43, Y:0, K:0.07. Its decimal value is 12224237.

Hex triplet	ba86ed	`#ba86ed`
RGB Decimal	186, 134, 237	`rgb(186,134,237)`
RGB Percent	72.9, 52.5, 92.9	`rgb(72.9%,52.5%,92.9%)`
CMYK	22, 43, 0, 7
HSL	270.3°, 74.1, 72.7	`hsl(270.3,74.1%,72.7%)`
HSV (or HSB)	270.3°, 43.5, 92.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	64.647, 39.344, -44.587
XYZ	44.058, 33.604, 84.281
xyY	0.272, 0.208, 33.604
CIE-LCH	64.647, 59.464, 311.425
CIE-LUV	64.647, 18.646, -76.263
Hunter-Lab	57.969, 34.22, -45.623
Binary	10111010, 10000110, 11101101

#ba86ed
```
#ba86ed rgb(186,134,237)
```
#b9ed86
```
#b9ed86 rgb(185,237,134)
```

Complementary Color

#8786ed
```
#8786ed rgb(135,134,237)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#ed86ed
```
#ed86ed rgb(237,134,237)
```

Analogous Color

#86ed87
```
#86ed87 rgb(134,237,135)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#eded86
```
#eded86 rgb(237,237,134)
```

Split Complementary Color

#86edba
```
#86edba rgb(134,237,186)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#edba86
```
#edba86 rgb(237,186,134)
```

Triadic Color

#86b9ed
```
#86b9ed rgb(134,185,237)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#edba86
```
#edba86 rgb(237,186,134)
```
#b9ed86
```
#b9ed86 rgb(185,237,134)
```

Tetradic Color

#9443e3
```
#9443e3 rgb(148,67,227)
```
#a15ae6
```
#a15ae6 rgb(161,90,230)
```
#ad70ea
```
#ad70ea rgb(173,112,234)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#c79cf0
```
#c79cf0 rgb(199,156,240)
```
#d3b2f4
```
#d3b2f4 rgb(211,178,244)
```
#e0c9f7
```
#e0c9f7 rgb(224,201,247)
```

Monochromatic Color

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

#a086ed
```
#a086ed rgb(160,134,237)
```
#a986ed
```
#a986ed rgb(169,134,237)
```
#b186ed
```
#b186ed rgb(177,134,237)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#c386ed
```
#c386ed rgb(195,134,237)
```
#cb86ed
```
#cb86ed rgb(203,134,237)
```
#d486ed
```
#d486ed rgb(212,134,237)
```

Similar Colors

Text with hexadecimal color #ba86ed

This text has a font color of #ba86ed.

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

#ba86ed background color

This paragraph has a background color of #ba86ed.

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

#ba86ed border color

This element has a border color of #ba86ed.

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

CSS codes

.text {color:#ba86ed;}

.background {background-color:#ba86ed;}

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

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

#090210
```
#090210 rgb(9,2,16)
```
#130521
```
#130521 rgb(19,5,33)
```
#1d0732
```
#1d0732 rgb(29,7,50)
```
#270a43
```
#270a43 rgb(39,10,67)
```
#310c54
```
#310c54 rgb(49,12,84)
```
#3a0f65
```
#3a0f65 rgb(58,15,101)
```
#441276
```
#441276 rgb(68,18,118)
```
#4e1487
```
#4e1487 rgb(78,20,135)
```
#581798
```
#581798 rgb(88,23,152)
```
#6219a9
```
#6219a9 rgb(98,25,169)
```
#6c1cba
```
#6c1cba rgb(108,28,186)
```
#761ecb
```
#761ecb rgb(118,30,203)
```
#8021dd
```
#8021dd rgb(128,33,221)
```

Shade Color Variation

#8931e0
```
#8931e0 rgb(137,49,224)
```
#9342e3
```
#9342e3 rgb(147,66,227)
```
#9d53e5
```
#9d53e5 rgb(157,83,229)
```
#a764e8
```
#a764e8 rgb(167,100,232)
```
#b075ea
```
#b075ea rgb(176,117,234)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#c497f0
```
#c497f0 rgb(196,151,240)
```
#cda8f2
```
#cda8f2 rgb(205,168,242)
```
#d7b9f5
```
#d7b9f5 rgb(215,185,245)
```
#e1caf7
```
#e1caf7 rgb(225,202,247)
```
#ebdbfa
```
#ebdbfa rgb(235,219,250)
```
#f4ecfc
```
#f4ecfc rgb(244,236,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#bab6bd
```
#bab6bd rgb(186,182,189)
```
#bab1c2
```
#bab1c2 rgb(186,177,194)
```
#baabc8
```
#baabc8 rgb(186,171,200)
```
#baa6cd
```
#baa6cd rgb(186,166,205)
```
#baa1d2
```
#baa1d2 rgb(186,161,210)
```
#ba9bd8
```
#ba9bd8 rgb(186,155,216)
```
#ba96dd
```
#ba96dd rgb(186,150,221)
```
#ba91e2
```
#ba91e2 rgb(186,145,226)
```
#ba8be8
```
#ba8be8 rgb(186,139,232)
```
#ba86ed
```
#ba86ed rgb(186,134,237)
```
#ba81f2
```
#ba81f2 rgb(186,129,242)
```
#ba7bf8
```
#ba7bf8 rgb(186,123,248)
```
#ba76fd
```
#ba76fd rgb(186,118,253)
```

Tone Color Variation

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

#799efc Protanopia 1% of men
#81a1e6 Deuteranopia 1% of men
#af9ca8 Tritanopia 0.001% of the population

Trichromacy

#9195f6 Protanomaly 1% of men, 0.01% of women
#9697e9 Deuteranomaly 6% of men, 0.4% of women
#b394c1 Tritanomaly 0.01% of the population

#ba86ed hex color

#ba86ed Color Information

#ba86ed Color Conversion

Color Schemes with #ba86ed

Alternatives to #ba86ed

#ba86ed Preview

Shades and Tints of #ba86ed

Tones of #ba86ed

Color Blindness Simulator