#ba4ae5 hex color

In a RGB color space, hex #ba4ae5 is composed of 72.9% red, 29% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 67.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 283.4 degrees, a saturation of 74.9% and a lightness of 59.4%. #ba4ae5 color hex could be obtained by blending #ff94ff with #7500cb. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 29
- B 90
RGB color chart
- C 19
- M 68
- Y 0
- K 10
CMYK color chart

● #ba4ae5 color description : Soft violet.

The hexadecimal color #ba4ae5 has RGB values of R:186, G:74, B:229 and CMYK values of C:0.19, M:0.68, Y:0, K:0.1. Its decimal value is 12208869.

Hex triplet	ba4ae5	`#ba4ae5`
RGB Decimal	186, 74, 229	`rgb(186,74,229)`
RGB Percent	72.9, 29, 89.8	`rgb(72.9%,29%,89.8%)`
CMYK	19, 68, 0, 10
HSL	283.4°, 74.9, 59.4	`hsl(283.4,74.9%,59.4%)`
HSV (or HSB)	283.4°, 67.7, 89.8
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.944, 67.381, -58.726
XYZ	36.84, 20.995, 76.236
xyY	0.275, 0.157, 20.995
CIE-LCH	52.944, 89.381, 318.926
CIE-LUV	52.944, 38.556, -98.297
Hunter-Lab	45.82, 63.328, -66.573
Binary	10111010, 01001010, 11100101

#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#75e54a
```
#75e54a rgb(117,229,74)
```

Complementary Color

#6d4ae5
```
#6d4ae5 rgb(109,74,229)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#e54ac3
```
#e54ac3 rgb(229,74,195)
```

Analogous Color

#4ae56d
```
#4ae56d rgb(74,229,109)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#c3e54a
```
#c3e54a rgb(195,229,74)
```

Split Complementary Color

#4ae5ba
```
#4ae5ba rgb(74,229,186)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#e5ba4a
```
#e5ba4a rgb(229,186,74)
```

Triadic Color

#4a75e5
```
#4a75e5 rgb(74,117,229)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#e5ba4a
```
#e5ba4a rgb(229,186,74)
```
#75e54a
```
#75e54a rgb(117,229,74)
```

Tetradic Color

#971cc6
```
#971cc6 rgb(151,28,198)
```
#a820dc
```
#a820dc rgb(168,32,220)
```
#b234e2
```
#b234e2 rgb(178,52,226)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#c360e8
```
#c360e8 rgb(195,96,232)
```
#cb77eb
```
#cb77eb rgb(203,119,235)
```
#d48def
```
#d48def rgb(212,141,239)
```

Monochromatic Color

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

#934ae5
```
#934ae5 rgb(147,74,229)
```
#a04ae5
```
#a04ae5 rgb(160,74,229)
```
#ad4ae5
```
#ad4ae5 rgb(173,74,229)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#c74ae5
```
#c74ae5 rgb(199,74,229)
```
#d44ae5
```
#d44ae5 rgb(212,74,229)
```
#e14ae5
```
#e14ae5 rgb(225,74,229)
```

Similar Colors

Text with hexadecimal color #ba4ae5

This text has a font color of #ba4ae5.

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

#ba4ae5 background color

This paragraph has a background color of #ba4ae5.

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

#ba4ae5 border color

This element has a border color of #ba4ae5.

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

CSS codes

.text {color:#ba4ae5;}

.background {background-color:#ba4ae5;}

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

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

#060108
```
#060108 rgb(6,1,8)
```
#130419
```
#130419 rgb(19,4,25)
```
#20062a
```
#20062a rgb(32,6,42)
```
#2d083b
```
#2d083b rgb(45,8,59)
```
#3a0b4c
```
#3a0b4c rgb(58,11,76)
```
#470d5d
```
#470d5d rgb(71,13,93)
```
#54106f
```
#54106f rgb(84,16,111)
```
#611280
```
#611280 rgb(97,18,128)
```
#6e1591
```
#6e1591 rgb(110,21,145)
```
#7c17a2
```
#7c17a2 rgb(124,23,162)
```
#891ab3
```
#891ab3 rgb(137,26,179)
```
#961cc4
```
#961cc4 rgb(150,28,196)
```
#a31fd5
```
#a31fd5 rgb(163,31,213)
```

Shade Color Variation

#ad28e0
```
#ad28e0 rgb(173,40,224)
```
#b339e3
```
#b339e3 rgb(179,57,227)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#c15be7
```
#c15be7 rgb(193,91,231)
```
#c76cea
```
#c76cea rgb(199,108,234)
```
#ce7dec
```
#ce7dec rgb(206,125,236)
```
#d48fef
```
#d48fef rgb(212,143,239)
```
#dba0f1
```
#dba0f1 rgb(219,160,241)
```
#e1b1f4
```
#e1b1f4 rgb(225,177,244)
```
#e8c2f6
```
#e8c2f6 rgb(232,194,246)
```
#eed3f9
```
#eed3f9 rgb(238,211,249)
```
#f5e4fb
```
#f5e4fb rgb(245,228,251)
```
#fbf6fe
```
#fbf6fe rgb(251,246,254)
```

Tint Color Variation

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

#9a929d
```
#9a929d rgb(154,146,157)
```
#9e8aa5
```
#9e8aa5 rgb(158,138,165)
```
#a182ad
```
#a182ad rgb(161,130,173)
```
#a57ab5
```
#a57ab5 rgb(165,122,181)
```
#a872bd
```
#a872bd rgb(168,114,189)
```
#ac6ac5
```
#ac6ac5 rgb(172,106,197)
```
#af62cd
```
#af62cd rgb(175,98,205)
```
#b35ad5
```
#b35ad5 rgb(179,90,213)
```
#b652dd
```
#b652dd rgb(182,82,221)
```
#ba4ae5
```
#ba4ae5 rgb(186,74,229)
```
#be42ed
```
#be42ed rgb(190,66,237)
```
#c13af5
```
#c13af5 rgb(193,58,245)
```
#c532fd
```
#c532fd rgb(197,50,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897392 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#4386d6 Deuteranopia 1% of men
#ab767e Tritanopia 0.001% of the population

Trichromacy

#436cf4 Protanomaly 1% of men, 0.01% of women
#6e70db Deuteranomaly 6% of men, 0.4% of women
#b066a4 Tritanomaly 0.01% of the population

#ba4ae5 hex color

#ba4ae5 Color Information

#ba4ae5 Color Conversion

Color Schemes with #ba4ae5

Alternatives to #ba4ae5

#ba4ae5 Preview

Shades and Tints of #ba4ae5

Tones of #ba4ae5

Color Blindness Simulator