#ba86cb hex color

In a RGB color space, hex #ba86cb is composed of 72.9% red, 52.5% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 34% magenta, 0% yellow and 20.4% black. It has a hue angle of 285.2 degrees, a saturation of 39.9% and a lightness of 66.1%. #ba86cb color hex could be obtained by blending #ffffff with #750d97. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 53
- B 80
RGB color chart
- C 8
- M 34
- Y 0
- K 20
CMYK color chart

● #ba86cb color description : Slightly desaturated magenta.

The hexadecimal color #ba86cb has RGB values of R:186, G:134, B:203 and CMYK values of C:0.08, M:0.34, Y:0, K:0.2. Its decimal value is 12224203.

Hex triplet	ba86cb	`#ba86cb`
RGB Decimal	186, 134, 203	`rgb(186,134,203)`
RGB Percent	72.9, 52.5, 79.6	`rgb(72.9%,52.5%,79.6%)`
CMYK	8, 34, 0, 20
HSL	285.2°, 39.9, 66.1	`hsl(285.2,39.9%,66.1%)`
HSV (or HSB)	285.2°, 34, 79.6
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.179, 32.005, -27.954
XYZ	39.553, 31.802, 60.551
xyY	0.3, 0.241, 31.802
CIE-LCH	63.179, 42.494, 318.865
CIE-LUV	63.179, 23.611, -47.983
Hunter-Lab	56.393, 26.507, -24.187
Binary	10111010, 10000110, 11001011

#ba86cb
```
#ba86cb rgb(186,134,203)
```
#97cb86
```
#97cb86 rgb(151,203,134)
```

Complementary Color

#9886cb
```
#9886cb rgb(152,134,203)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#cb86ba
```
#cb86ba rgb(203,134,186)
```

Analogous Color

#86cb98
```
#86cb98 rgb(134,203,152)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#bacb86
```
#bacb86 rgb(186,203,134)
```

Split Complementary Color

#86cbba
```
#86cbba rgb(134,203,186)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#cbba86
```
#cbba86 rgb(203,186,134)
```

Triadic Color

#8697cb
```
#8697cb rgb(134,151,203)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#cbba86
```
#cbba86 rgb(203,186,134)
```
#97cb86
```
#97cb86 rgb(151,203,134)
```

Tetradic Color

#9b50b4
```
#9b50b4 rgb(155,80,180)
```
#a662bc
```
#a662bc rgb(166,98,188)
```
#b074c3
```
#b074c3 rgb(176,116,195)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#c498d3
```
#c498d3 rgb(196,152,211)
```
#ceaada
```
#ceaada rgb(206,170,218)
```
#d9bce2
```
#d9bce2 rgb(217,188,226)
```

Monochromatic Color

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

#a986cb
```
#a986cb rgb(169,134,203)
```
#af86cb
```
#af86cb rgb(175,134,203)
```
#b486cb
```
#b486cb rgb(180,134,203)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#c086cb
```
#c086cb rgb(192,134,203)
```
#c686cb
```
#c686cb rgb(198,134,203)
```
#cb86cb
```
#cb86cb rgb(203,134,203)
```

Similar Colors

Text with hexadecimal color #ba86cb

This text has a font color of #ba86cb.

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

#ba86cb background color

This paragraph has a background color of #ba86cb.

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

#ba86cb border color

This element has a border color of #ba86cb.

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

CSS codes

.text {color:#ba86cb;}

.background {background-color:#ba86cb;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0e0710
```
#0e0710 rgb(14,7,16)
```
#1a0d1e
```
#1a0d1e rgb(26,13,30)
```
#26132c
```
#26132c rgb(38,19,44)
```
#311939
```
#311939 rgb(49,25,57)
```
#3d1f47
```
#3d1f47 rgb(61,31,71)
```
#492455
```
#492455 rgb(73,36,85)
```
#552a63
```
#552a63 rgb(85,42,99)
```
#603070
```
#603070 rgb(96,48,112)
```
#6c367e
```
#6c367e rgb(108,54,126)
```
#783c8c
```
#783c8c rgb(120,60,140)
```
#844299
```
#844299 rgb(132,66,153)
```
#9048a7
```
#9048a7 rgb(144,72,167)
```

Shade Color Variation

#9b4fb3
```
#9b4fb3 rgb(155,79,179)
```
#a35db9
```
#a35db9 rgb(163,93,185)
```
#aa6bbf
```
#aa6bbf rgb(170,107,191)
```
#b278c5
```
#b278c5 rgb(178,120,197)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#c294d1
```
#c294d1 rgb(194,148,209)
```
#caa1d7
```
#caa1d7 rgb(202,161,215)
```
#d1afdd
```
#d1afdd rgb(209,175,221)
```
#d9bde3
```
#d9bde3 rgb(217,189,227)
```
#e1cbe8
```
#e1cbe8 rgb(225,203,232)
```
#e9d8ee
```
#e9d8ee rgb(233,216,238)
```
#f1e6f4
```
#f1e6f4 rgb(241,230,244)
```
#f9f4fa
```
#f9f4fa rgb(249,244,250)
```

Tint Color Variation

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

#a9a7aa
```
#a9a7aa rgb(169,167,170)
```
#aca1b0
```
#aca1b0 rgb(172,161,176)
```
#b09ab7
```
#b09ab7 rgb(176,154,183)
```
#b393be
```
#b393be rgb(179,147,190)
```
#b78dc4
```
#b78dc4 rgb(183,141,196)
```
#ba86cb
```
#ba86cb rgb(186,134,203)
```
#bd7fd2
```
#bd7fd2 rgb(189,127,210)
```
#c179d8
```
#c179d8 rgb(193,121,216)
```
#c472df
```
#c472df rgb(196,114,223)
```
#c86be6
```
#c86be6 rgb(200,107,230)
```
#cb65ec
```
#cb65ec rgb(203,101,236)
```
#ce5ef3
```
#ce5ef3 rgb(206,94,243)
```
#d257fa
```
#d257fa rgb(210,87,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a398a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9cd8 Protanopia 1% of men
#949bc8 Deuteranopia 1% of men
#b595a0 Tritanopia 0.001% of the population

Trichromacy

#9b94d3 Protanomaly 1% of men, 0.01% of women
#a293c9 Deuteranomaly 6% of men, 0.4% of women
#b790af Tritanomaly 0.01% of the population

#ba86cb hex color

#ba86cb Color Information

#ba86cb Color Conversion

Color Schemes with #ba86cb

Alternatives to #ba86cb

#ba86cb Preview

Shades and Tints of #ba86cb

Tones of #ba86cb

Color Blindness Simulator