#ba70e2 hex color

In a RGB color space, hex #ba70e2 is composed of 72.9% red, 43.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 50.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 278.9 degrees, a saturation of 66.3% and a lightness of 66.3%. #ba70e2 color hex could be obtained by blending #ffe0ff 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

● #ba70e2 color description : Soft violet.

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

Hex triplet	ba70e2	`#ba70e2`
RGB Decimal	186, 112, 226	`rgb(186,112,226)`
RGB Percent	72.9, 43.9, 88.6	`rgb(72.9%,43.9%,88.6%)`
CMYK	18, 50, 0, 11
HSL	278.9°, 66.3, 66.3	`hsl(278.9,66.3%,66.3%)`
HSV (or HSB)	278.9°, 50.4, 88.6
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.452, 48.749, -46.669
XYZ	39.769, 27.519, 75.164
xyY	0.279, 0.193, 27.519
CIE-LCH	59.452, 67.486, 316.249
CIE-LUV	59.452, 28.419, -79.655
Hunter-Lab	52.459, 43.519, -48.231
Binary	10111010, 01110000, 11100010

#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#98e270
```
#98e270 rgb(152,226,112)
```

Complementary Color

#8170e2
```
#8170e2 rgb(129,112,226)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#e270d1
```
#e270d1 rgb(226,112,209)
```

Analogous Color

#70e281
```
#70e281 rgb(112,226,129)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#d1e270
```
#d1e270 rgb(209,226,112)
```

Split Complementary Color

#70e2ba
```
#70e2ba rgb(112,226,186)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#e2ba70
```
#e2ba70 rgb(226,186,112)
```

Triadic Color

#7098e2
```
#7098e2 rgb(112,152,226)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#e2ba70
```
#e2ba70 rgb(226,186,112)
```
#98e270
```
#98e270 rgb(152,226,112)
```

Tetradic Color

#9b30d5
```
#9b30d5 rgb(155,48,213)
```
#a646d9
```
#a646d9 rgb(166,70,217)
```
#b05bde
```
#b05bde rgb(176,91,222)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#c485e6
```
#c485e6 rgb(196,133,230)
```
#ce9aeb
```
#ce9aeb rgb(206,154,235)
```
#d9b0ef
```
#d9b0ef rgb(217,176,239)
```

Monochromatic Color

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

#9e70e2
```
#9e70e2 rgb(158,112,226)
```
#a770e2
```
#a770e2 rgb(167,112,226)
```
#b170e2
```
#b170e2 rgb(177,112,226)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#c470e2
```
#c470e2 rgb(196,112,226)
```
#cd70e2
```
#cd70e2 rgb(205,112,226)
```
#d770e2
```
#d770e2 rgb(215,112,226)
```

Similar Colors

Text with hexadecimal color #ba70e2

This text has a font color of #ba70e2.

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

#ba70e2 background color

This paragraph has a background color of #ba70e2.

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

#ba70e2 border color

This element has a border color of #ba70e2.

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

CSS codes

.text {color:#ba70e2;}

.background {background-color:#ba70e2;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0e0414
```
#0e0414 rgb(14,4,20)
```
#1a0724
```
#1a0724 rgb(26,7,36)
```
#260b35
```
#260b35 rgb(38,11,53)
```
#320e45
```
#320e45 rgb(50,14,69)
```
#3d1155
```
#3d1155 rgb(61,17,85)
```
#491566
```
#491566 rgb(73,21,102)
```
#551876
```
#551876 rgb(85,24,118)
```
#611b86
```
#611b86 rgb(97,27,134)
```
#6c1f97
```
#6c1f97 rgb(108,31,151)
```
#7822a7
```
#7822a7 rgb(120,34,167)
```
#8425b7
```
#8425b7 rgb(132,37,183)
```
#9028c7
```
#9028c7 rgb(144,40,199)
```

Shade Color Variation

#9b2fd5
```
#9b2fd5 rgb(155,47,213)
```
#a23fd8
```
#a23fd8 rgb(162,63,216)
```
#aa4fdb
```
#aa4fdb rgb(170,79,219)
```
#b260df
```
#b260df rgb(178,96,223)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#c280e5
```
#c280e5 rgb(194,128,229)
```
#ca91e9
```
#ca91e9 rgb(202,145,233)
```
#d2a1ec
```
#d2a1ec rgb(210,161,236)
```
#d9b1ef
```
#d9b1ef rgb(217,177,239)
```
#e1c2f3
```
#e1c2f3 rgb(225,194,243)
```
#e9d2f6
```
#e9d2f6 rgb(233,210,246)
```
#f1e2f9
```
#f1e2f9 rgb(241,226,249)
```
#f9f2fc
```
#f9f2fc rgb(249,242,252)
```

Tint Color Variation

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

#aaa5ad
```
#aaa5ad rgb(170,165,173)
```
#ac9eb4
```
#ac9eb4 rgb(172,158,180)
```
#ae98ba
```
#ae98ba rgb(174,152,186)
```
#b091c1
```
#b091c1 rgb(176,145,193)
```
#b28ac8
```
#b28ac8 rgb(178,138,200)
```
#b484ce
```
#b484ce rgb(180,132,206)
```
#b67dd5
```
#b67dd5 rgb(182,125,213)
```
#b877db
```
#b877db rgb(184,119,219)
```
#ba70e2
```
#ba70e2 rgb(186,112,226)
```
#bc69e9
```
#bc69e9 rgb(188,105,233)
```
#be63ef
```
#be63ef rgb(190,99,239)
```
#c05cf6
```
#c05cf6 rgb(192,92,246)
```
#c256fc
```
#c256fc rgb(194,86,252)
```

Tone Color Variation

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

#6191f8 Protanopia 1% of men
#7094d9 Deuteranopia 1% of men
#af8b95 Tritanopia 0.001% of the population

Trichromacy

#8185f0 Protanomaly 1% of men, 0.01% of women
#8b87dc Deuteranomaly 6% of men, 0.4% of women
#b381b1 Tritanomaly 0.01% of the population

#ba70e2 hex color

#ba70e2 Color Information

#ba70e2 Color Conversion

Color Schemes with #ba70e2

Alternatives to #ba70e2

#ba70e2 Preview

Shades and Tints of #ba70e2

Tones of #ba70e2

Color Blindness Simulator