#ba85e2 hex color

In a RGB color space, hex #ba85e2 is composed of 72.9% red, 52.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 41.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 274.2 degrees, a saturation of 61.6% and a lightness of 70.4%. #ba85e2 color hex could be obtained by blending #ffffff with #750bc5. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 52
- B 89
RGB color chart
- C 18
- M 41
- Y 0
- K 11
CMYK color chart

● #ba85e2 color description : Very soft violet.

The hexadecimal color #ba85e2 has RGB values of R:186, G:133, B:226 and CMYK values of C:0.18, M:0.41, Y:0, K:0.11. Its decimal value is 12223970.

Hex triplet	ba85e2	`#ba85e2`
RGB Decimal	186, 133, 226	`rgb(186,133,226)`
RGB Percent	72.9, 52.2, 88.6	`rgb(72.9%,52.2%,88.6%)`
CMYK	18, 41, 0, 11
HSL	274.2°, 61.6, 70.4	`hsl(274.2,61.6%,70.4%)`
HSV (or HSB)	274.2°, 41.2, 88.6
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.922, 37.44, -39.637
XYZ	42.363, 32.706, 76.029
xyY	0.28, 0.216, 32.706
CIE-LCH	63.922, 54.523, 313.367
CIE-LUV	63.922, 20.623, -67.773
Hunter-Lab	57.189, 32.143, -38.789
Binary	10111010, 10000101, 11100010

#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#ade285
```
#ade285 rgb(173,226,133)
```

Complementary Color

#8c85e2
```
#8c85e2 rgb(140,133,226)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#e285dc
```
#e285dc rgb(226,133,220)
```

Analogous Color

#85e28c
```
#85e28c rgb(133,226,140)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#dce285
```
#dce285 rgb(220,226,133)
```

Split Complementary Color

#85e2ba
```
#85e2ba rgb(133,226,186)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#e2ba85
```
#e2ba85 rgb(226,186,133)
```

Triadic Color

#85ade2
```
#85ade2 rgb(133,173,226)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#e2ba85
```
#e2ba85 rgb(226,186,133)
```
#ade285
```
#ade285 rgb(173,226,133)
```

Tetradic Color

#9747d3
```
#9747d3 rgb(151,71,211)
```
#a35cd8
```
#a35cd8 rgb(163,92,216)
```
#ae70dd
```
#ae70dd rgb(174,112,221)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#c69ae7
```
#c69ae7 rgb(198,154,231)
```
#d1aeec
```
#d1aeec rgb(209,174,236)
```
#ddc3f1
```
#ddc3f1 rgb(221,195,241)
```

Monochromatic Color

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

#a385e2
```
#a385e2 rgb(163,133,226)
```
#ab85e2
```
#ab85e2 rgb(171,133,226)
```
#b285e2
```
#b285e2 rgb(178,133,226)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#c285e2
```
#c285e2 rgb(194,133,226)
```
#ca85e2
```
#ca85e2 rgb(202,133,226)
```
#d185e2
```
#d185e2 rgb(209,133,226)
```

Similar Colors

Text with hexadecimal color #ba85e2

This text has a font color of #ba85e2.

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

#ba85e2 background color

This paragraph has a background color of #ba85e2.

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

#ba85e2 border color

This element has a border color of #ba85e2.

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

CSS codes

.text {color:#ba85e2;}

.background {background-color:#ba85e2;}

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0e0515
```
#0e0515 rgb(14,5,21)
```
#190924
```
#190924 rgb(25,9,36)
```
#230c34
```
#230c34 rgb(35,12,52)
```
#2e1044
```
#2e1044 rgb(46,16,68)
```
#381454
```
#381454 rgb(56,20,84)
```
#431864
```
#431864 rgb(67,24,100)
```
#4e1c74
```
#4e1c74 rgb(78,28,116)
```
#581f84
```
#581f84 rgb(88,31,132)
```
#632393
```
#632393 rgb(99,35,147)
```
#6e27a3
```
#6e27a3 rgb(110,39,163)
```
#782bb3
```
#782bb3 rgb(120,43,179)
```
#832ec3
```
#832ec3 rgb(131,46,195)
```

Shade Color Variation

#8d36cf
```
#8d36cf rgb(141,54,207)
```
#9646d3
```
#9646d3 rgb(150,70,211)
```
#9f55d7
```
#9f55d7 rgb(159,85,215)
```
#a865da
```
#a865da rgb(168,101,218)
```
#b175de
```
#b175de rgb(177,117,222)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#c395e6
```
#c395e6 rgb(195,149,230)
```
#cca5ea
```
#cca5ea rgb(204,165,234)
```
#d5b5ed
```
#d5b5ed rgb(213,181,237)
```
#dec4f1
```
#dec4f1 rgb(222,196,241)
```
#e7d4f5
```
#e7d4f5 rgb(231,212,245)
```
#f0e4f9
```
#f0e4f9 rgb(240,228,249)
```
#f9f4fc
```
#f9f4fc rgb(249,244,252)
```

Tint Color Variation

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

#b4b3b4
```
#b4b3b4 rgb(180,179,180)
```
#b4aeb9
```
#b4aeb9 rgb(180,174,185)
```
#b5a8bf
```
#b5a8bf rgb(181,168,191)
```
#b6a2c5
```
#b6a2c5 rgb(182,162,197)
```
#b79ccb
```
#b79ccb rgb(183,156,203)
```
#b896d1
```
#b896d1 rgb(184,150,209)
```
#b891d6
```
#b891d6 rgb(184,145,214)
```
#b98bdc
```
#b98bdc rgb(185,139,220)
```
#ba85e2
```
#ba85e2 rgb(186,133,226)
```
#bb7fe8
```
#bb7fe8 rgb(187,127,232)
```
#bc79ee
```
#bc79ee rgb(188,121,238)
```
#bc74f3
```
#bc74f3 rgb(188,116,243)
```
#bd6ef9
```
#bd6ef9 rgb(189,110,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a49aac Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9df0 Protanopia 1% of men
#879edc Deuteranopia 1% of men
#b199a4 Tritanopia 0.001% of the population

Trichromacy

#9494eb Protanomaly 1% of men, 0.01% of women
#9995de Deuteranomaly 6% of men, 0.4% of women
#b492ba Tritanomaly 0.01% of the population

#ba85e2 hex color

#ba85e2 Color Information

#ba85e2 Color Conversion

Color Schemes with #ba85e2

Alternatives to #ba85e2

#ba85e2 Preview

Shades and Tints of #ba85e2

Tones of #ba85e2

Color Blindness Simulator