#ba71e2 hex color

In a RGB color space, hex #ba71e2 is composed of 72.9% red, 44.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 50% magenta, 0% yellow and 11.4% black. It has a hue angle of 278.8 degrees, a saturation of 66.1% and a lightness of 66.5%. #ba71e2 color hex could be obtained by blending #ffe2ff with #7500c5. Closest websafe color is: #cc66cc.

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

● #ba71e2 color description : Soft violet.

The hexadecimal color #ba71e2 has RGB values of R:186, G:113, B:226 and CMYK values of C:0.18, M:0.5, Y:0, K:0.11. Its decimal value is 12218850.

Hex triplet	ba71e2	`#ba71e2`
RGB Decimal	186, 113, 226	`rgb(186,113,226)`
RGB Percent	72.9, 44.3, 88.6	`rgb(72.9%,44.3%,88.6%)`
CMYK	18, 50, 0, 11
HSL	278.8°, 66.1, 66.5	`hsl(278.8,66.1%,66.5%)`
HSV (or HSB)	278.8°, 50, 88.6
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.654, 48.224, -46.349
XYZ	39.88, 27.741, 75.201
xyY	0.279, 0.194, 27.741
CIE-LCH	59.654, 66.887, 316.136
CIE-LUV	59.654, 28.072, -79.129
Hunter-Lab	52.67, 42.983, -47.784
Binary	10111010, 01110001, 11100010

#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#99e271
```
#99e271 rgb(153,226,113)
```

Complementary Color

#8271e2
```
#8271e2 rgb(130,113,226)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#e271d2
```
#e271d2 rgb(226,113,210)
```

Analogous Color

#71e282
```
#71e282 rgb(113,226,130)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#d2e271
```
#d2e271 rgb(210,226,113)
```

Split Complementary Color

#71e2ba
```
#71e2ba rgb(113,226,186)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#e2ba71
```
#e2ba71 rgb(226,186,113)
```

Triadic Color

#7199e2
```
#7199e2 rgb(113,153,226)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#e2ba71
```
#e2ba71 rgb(226,186,113)
```
#99e271
```
#99e271 rgb(153,226,113)
```

Tetradic Color

#9b31d5
```
#9b31d5 rgb(155,49,213)
```
#a547d9
```
#a547d9 rgb(165,71,217)
```
#b05cde
```
#b05cde rgb(176,92,222)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#c486e6
```
#c486e6 rgb(196,134,230)
```
#cf9beb
```
#cf9beb rgb(207,155,235)
```
#d9b1ef
```
#d9b1ef rgb(217,177,239)
```

Monochromatic Color

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

#9e71e2
```
#9e71e2 rgb(158,113,226)
```
#a771e2
```
#a771e2 rgb(167,113,226)
```
#b171e2
```
#b171e2 rgb(177,113,226)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#c371e2
```
#c371e2 rgb(195,113,226)
```
#cd71e2
```
#cd71e2 rgb(205,113,226)
```
#d671e2
```
#d671e2 rgb(214,113,226)
```

Similar Colors

Text with hexadecimal color #ba71e2

This text has a font color of #ba71e2.

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

#ba71e2 background color

This paragraph has a background color of #ba71e2.

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

#ba71e2 border color

This element has a border color of #ba71e2.

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

CSS codes

.text {color:#ba71e2;}

.background {background-color:#ba71e2;}

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

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 #f9f3fd is the lightest one.

#030105
```
#030105 rgb(3,1,5)
```
#0f0415
```
#0f0415 rgb(15,4,21)
```
#1b0825
```
#1b0825 rgb(27,8,37)
```
#260b35
```
#260b35 rgb(38,11,53)
```
#320e46
```
#320e46 rgb(50,14,70)
```
#3e1256
```
#3e1256 rgb(62,18,86)
```
#4a1566
```
#4a1566 rgb(74,21,102)
```
#551877
```
#551877 rgb(85,24,119)
```
#611c87
```
#611c87 rgb(97,28,135)
```
#6d1f97
```
#6d1f97 rgb(109,31,151)
```
#7822a7
```
#7822a7 rgb(120,34,167)
```
#8426b8
```
#8426b8 rgb(132,38,184)
```
#9029c8
```
#9029c8 rgb(144,41,200)
```

Shade Color Variation

#9a30d5
```
#9a30d5 rgb(154,48,213)
```
#a240d8
```
#a240d8 rgb(162,64,216)
```
#aa50db
```
#aa50db rgb(170,80,219)
```
#b261df
```
#b261df rgb(178,97,223)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#c281e5
```
#c281e5 rgb(194,129,229)
```
#ca92e9
```
#ca92e9 rgb(202,146,233)
```
#d2a2ec
```
#d2a2ec rgb(210,162,236)
```
#dab2ef
```
#dab2ef rgb(218,178,239)
```
#e2c2f3
```
#e2c2f3 rgb(226,194,243)
```
#e9d3f6
```
#e9d3f6 rgb(233,211,246)
```
#f1e3f9
```
#f1e3f9 rgb(241,227,249)
```
#f9f3fd
```
#f9f3fd rgb(249,243,253)
```

Tint Color Variation

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

#aba6ad
```
#aba6ad rgb(171,166,173)
```
#ad9fb4
```
#ad9fb4 rgb(173,159,180)
```
#ae98bb
```
#ae98bb rgb(174,152,187)
```
#b092c1
```
#b092c1 rgb(176,146,193)
```
#b28bc8
```
#b28bc8 rgb(178,139,200)
```
#b485ce
```
#b485ce rgb(180,133,206)
```
#b67ed5
```
#b67ed5 rgb(182,126,213)
```
#b878db
```
#b878db rgb(184,120,219)
```
#ba71e2
```
#ba71e2 rgb(186,113,226)
```
#bc6ae9
```
#bc6ae9 rgb(188,106,233)
```
#be64ef
```
#be64ef rgb(190,100,239)
```
#c05df6
```
#c05df6 rgb(192,93,246)
```
#c257fc
```
#c257fc rgb(194,87,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9c8da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6292f7 Protanopia 1% of men
#7295d9 Deuteranopia 1% of men
#af8c96 Tritanopia 0.001% of the population

Trichromacy

#8286ef Protanomaly 1% of men, 0.01% of women
#8c87dc Deuteranomaly 6% of men, 0.4% of women
#b382b1 Tritanomaly 0.01% of the population

#ba71e2 hex color

#ba71e2 Color Information

#ba71e2 Color Conversion

Color Schemes with #ba71e2

Alternatives to #ba71e2

#ba71e2 Preview

Shades and Tints of #ba71e2

Tones of #ba71e2

Color Blindness Simulator