#ba70e3 hex color

In a RGB color space, hex #ba70e3 is composed of 72.9% red, 43.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 50.7% magenta, 0% yellow and 11% black. It has a hue angle of 278.6 degrees, a saturation of 67.3% and a lightness of 66.5%. #ba70e3 color hex could be obtained by blending #ffe0ff with #7500c7. Closest websafe color is: #cc66cc.

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

● #ba70e3 color description : Soft violet.

The hexadecimal color #ba70e3 has RGB values of R:186, G:112, B:227 and CMYK values of C:0.18, M:0.51, Y:0, K:0.11. Its decimal value is 12218595.

Hex triplet	ba70e3	`#ba70e3`
RGB Decimal	186, 112, 227	`rgb(186,112,227)`
RGB Percent	72.9, 43.9, 89	`rgb(72.9%,43.9%,89%)`
CMYK	18, 51, 0, 11
HSL	278.6°, 67.3, 66.5	`hsl(278.6,67.3%,66.5%)`
HSV (or HSB)	278.6°, 50.7, 89
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.502, 48.963, -47.148
XYZ	39.907, 27.574, 75.889
xyY	0.278, 0.192, 27.574
CIE-LCH	59.502, 67.973, 316.082
CIE-LUV	59.502, 28.232, -80.461
Hunter-Lab	52.511, 43.76, -48.927
Binary	10111010, 01110000, 11100011

#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#99e370
```
#99e370 rgb(153,227,112)
```

Complementary Color

#8170e3
```
#8170e3 rgb(129,112,227)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#e370d3
```
#e370d3 rgb(227,112,211)
```

Analogous Color

#70e381
```
#70e381 rgb(112,227,129)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#d3e370
```
#d3e370 rgb(211,227,112)
```

Split Complementary Color

#70e3ba
```
#70e3ba rgb(112,227,186)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#e3ba70
```
#e3ba70 rgb(227,186,112)
```

Triadic Color

#7099e3
```
#7099e3 rgb(112,153,227)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#e3ba70
```
#e3ba70 rgb(227,186,112)
```
#99e370
```
#99e370 rgb(153,227,112)
```

Tetradic Color

#9b30d6
```
#9b30d6 rgb(155,48,214)
```
#a545db
```
#a545db rgb(165,69,219)
```
#b05bdf
```
#b05bdf rgb(176,91,223)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#c485e7
```
#c485e7 rgb(196,133,231)
```
#cf9beb
```
#cf9beb rgb(207,155,235)
```
#d9b0f0
```
#d9b0f0 rgb(217,176,240)
```

Monochromatic Color

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

#9d70e3
```
#9d70e3 rgb(157,112,227)
```
#a770e3
```
#a770e3 rgb(167,112,227)
```
#b070e3
```
#b070e3 rgb(176,112,227)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#c470e3
```
#c470e3 rgb(196,112,227)
```
#cd70e3
```
#cd70e3 rgb(205,112,227)
```
#d770e3
```
#d770e3 rgb(215,112,227)
```

Similar Colors

Text with hexadecimal color #ba70e3

This text has a font color of #ba70e3.

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

#ba70e3 background color

This paragraph has a background color of #ba70e3.

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

#ba70e3 border color

This element has a border color of #ba70e3.

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

CSS codes

.text {color:#ba70e3;}

.background {background-color:#ba70e3;}

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

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)
```
#1b0725
```
#1b0725 rgb(27,7,37)
```
#260b36
```
#260b36 rgb(38,11,54)
```
#320e46
```
#320e46 rgb(50,14,70)
```
#3e1157
```
#3e1157 rgb(62,17,87)
```
#4a1467
```
#4a1467 rgb(74,20,103)
```
#551777
```
#551777 rgb(85,23,119)
```
#611b88
```
#611b88 rgb(97,27,136)
```
#6d1e98
```
#6d1e98 rgb(109,30,152)
```
#7821a9
```
#7821a9 rgb(120,33,169)
```
#8424b9
```
#8424b9 rgb(132,36,185)
```
#9027c9
```
#9027c9 rgb(144,39,201)
```

Shade Color Variation

#9a2ed6
```
#9a2ed6 rgb(154,46,214)
```
#a23fd9
```
#a23fd9 rgb(162,63,217)
```
#aa4fdd
```
#aa4fdd rgb(170,79,221)
```
#b260e0
```
#b260e0 rgb(178,96,224)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#c280e6
```
#c280e6 rgb(194,128,230)
```
#ca91e9
```
#ca91e9 rgb(202,145,233)
```
#d2a1ed
```
#d2a1ed rgb(210,161,237)
```
#dab2f0
```
#dab2f0 rgb(218,178,240)
```
#e2c2f3
```
#e2c2f3 rgb(226,194,243)
```
#e9d2f6
```
#e9d2f6 rgb(233,210,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, #aba5ae is the less saturated color, while #c256fd is the most saturated one.

#aba5ae
```
#aba5ae rgb(171,165,174)
```
#ad9eb5
```
#ad9eb5 rgb(173,158,181)
```
#af97bc
```
#af97bc rgb(175,151,188)
```
#b191c2
```
#b191c2 rgb(177,145,194)
```
#b28ac9
```
#b28ac9 rgb(178,138,201)
```
#b484cf
```
#b484cf rgb(180,132,207)
```
#b67dd6
```
#b67dd6 rgb(182,125,214)
```
#b877dc
```
#b877dc rgb(184,119,220)
```
#ba70e3
```
#ba70e3 rgb(186,112,227)
```
#bc69ea
```
#bc69ea rgb(188,105,234)
```
#be63f0
```
#be63f0 rgb(190,99,240)
```
#c05cf7
```
#c05cf7 rgb(192,92,247)
```
#c256fd
```
#c256fd rgb(194,86,253)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b8ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6091f9 Protanopia 1% of men
#7094da Deuteranopia 1% of men
#ae8b95 Tritanopia 0.001% of the population

Trichromacy

#8185f1 Protanomaly 1% of men, 0.01% of women
#8b87dd Deuteranomaly 6% of men, 0.4% of women
#b281b1 Tritanomaly 0.01% of the population

#ba70e3 hex color

#ba70e3 Color Information

#ba70e3 Color Conversion

Color Schemes with #ba70e3

Alternatives to #ba70e3

#ba70e3 Preview

Shades and Tints of #ba70e3

Tones of #ba70e3

Color Blindness Simulator