#ba5ae4 hex color

In a RGB color space, hex #ba5ae4 is composed of 72.9% red, 35.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 60.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 281.7 degrees, a saturation of 71.9% and a lightness of 62.4%. #ba5ae4 color hex could be obtained by blending #ffb4ff with #7500c9. Closest websafe color is: #cc66cc.

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

● #ba5ae4 color description : Soft violet.

The hexadecimal color #ba5ae4 has RGB values of R:186, G:90, B:228 and CMYK values of C:0.18, M:0.61, Y:0, K:0.11. Its decimal value is 12212964.

Hex triplet	ba5ae4	`#ba5ae4`
RGB Decimal	186, 90, 228	`rgb(186,90,228)`
RGB Percent	72.9, 35.3, 89.4	`rgb(72.9%,35.3%,89.4%)`
CMYK	18, 61, 0, 11
HSL	281.7°, 71.9, 62.4	`hsl(281.7,71.9%,62.4%)`
HSV (or HSB)	281.7°, 60.5, 89.4
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.435, 60.133, -54.174
XYZ	37.908, 23.354, 75.905
xyY	0.276, 0.17, 23.354
CIE-LCH	55.435, 80.937, 317.985
CIE-LUV	55.435, 34.836, -91.587
Hunter-Lab	48.326, 55.447, -59.298
Binary	10111010, 01011010, 11100100

#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#84e45a
```
#84e45a rgb(132,228,90)
```

Complementary Color

#755ae4
```
#755ae4 rgb(117,90,228)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#e45ac9
```
#e45ac9 rgb(228,90,201)
```

Analogous Color

#5ae475
```
#5ae475 rgb(90,228,117)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#c9e45a
```
#c9e45a rgb(201,228,90)
```

Split Complementary Color

#5ae4ba
```
#5ae4ba rgb(90,228,186)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#e4ba5a
```
#e4ba5a rgb(228,186,90)
```

Triadic Color

#5a84e4
```
#5a84e4 rgb(90,132,228)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#e4ba5a
```
#e4ba5a rgb(228,186,90)
```
#84e45a
```
#84e45a rgb(132,228,90)
```

Tetradic Color

#9b22d0
```
#9b22d0 rgb(155,34,208)
```
#a82edd
```
#a82edd rgb(168,46,221)
```
#b144e0
```
#b144e0 rgb(177,68,224)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#c370e8
```
#c370e8 rgb(195,112,232)
```
#cc86eb
```
#cc86eb rgb(204,134,235)
```
#d59cef
```
#d59cef rgb(213,156,239)
```

Monochromatic Color

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

#985ae4
```
#985ae4 rgb(152,90,228)
```
#a35ae4
```
#a35ae4 rgb(163,90,228)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#c65ae4
```
#c65ae4 rgb(198,90,228)
```
#d15ae4
```
#d15ae4 rgb(209,90,228)
```
#dd5ae4
```
#dd5ae4 rgb(221,90,228)
```

Similar Colors

Text with hexadecimal color #ba5ae4

This text has a font color of #ba5ae4.

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

#ba5ae4 background color

This paragraph has a background color of #ba5ae4.

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

#ba5ae4 border color

This element has a border color of #ba5ae4.

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

CSS codes

.text {color:#ba5ae4;}

.background {background-color:#ba5ae4;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0f0314
```
#0f0314 rgb(15,3,20)
```
#1c0625
```
#1c0625 rgb(28,6,37)
```
#280936
```
#280936 rgb(40,9,54)
```
#350c47
```
#350c47 rgb(53,12,71)
```
#410e58
```
#410e58 rgb(65,14,88)
```
#4e1169
```
#4e1169 rgb(78,17,105)
```
#5b147a
```
#5b147a rgb(91,20,122)
```
#67178a
```
#67178a rgb(103,23,138)
```
#74199b
```
#74199b rgb(116,25,155)
```
#801cac
```
#801cac rgb(128,28,172)
```
#8d1fbd
```
#8d1fbd rgb(141,31,189)
```
#9922ce
```
#9922ce rgb(153,34,206)
```

Shade Color Variation

#a527dc
```
#a527dc rgb(165,39,220)
```
#ac38de
```
#ac38de rgb(172,56,222)
```
#b349e1
```
#b349e1 rgb(179,73,225)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#c16be7
```
#c16be7 rgb(193,107,231)
```
#c87cea
```
#c87cea rgb(200,124,234)
```
#cf8dec
```
#cf8dec rgb(207,141,236)
```
#d69def
```
#d69def rgb(214,157,239)
```
#ddaef2
```
#ddaef2 rgb(221,174,242)
```
#e4bff5
```
#e4bff5 rgb(228,191,245)
```
#ebd0f7
```
#ebd0f7 rgb(235,208,247)
```
#f2e1fa
```
#f2e1fa rgb(242,225,250)
```
#f9f2fd
```
#f9f2fd rgb(249,242,253)
```

Tint Color Variation

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

#a09ca2
```
#a09ca2 rgb(160,156,162)
```
#a395a9
```
#a395a9 rgb(163,149,169)
```
#a68eb0
```
#a68eb0 rgb(166,142,176)
```
#a986b8
```
#a986b8 rgb(169,134,184)
```
#ac7fbf
```
#ac7fbf rgb(172,127,191)
```
#ae78c6
```
#ae78c6 rgb(174,120,198)
```
#b170ce
```
#b170ce rgb(177,112,206)
```
#b469d5
```
#b469d5 rgb(180,105,213)
```
#b761dd
```
#b761dd rgb(183,97,221)
```
#ba5ae4
```
#ba5ae4 rgb(186,90,228)
```
#bd53eb
```
#bd53eb rgb(189,83,235)
```
#c04bf3
```
#c04bf3 rgb(192,75,243)
```
#c344fa
```
#c344fa rgb(195,68,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#907d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3787ff Protanopia 1% of men
#578bd8 Deuteranopia 1% of men
#ac7e87 Tritanopia 0.001% of the population

Trichromacy

#6776f5 Protanomaly 1% of men, 0.01% of women
#7b79dc Deuteranomaly 6% of men, 0.4% of women
#b171a9 Tritanomaly 0.01% of the population

#ba5ae4 hex color

#ba5ae4 Color Information

#ba5ae4 Color Conversion

Color Schemes with #ba5ae4

Alternatives to #ba5ae4

#ba5ae4 Preview

Shades and Tints of #ba5ae4

Tones of #ba5ae4

Color Blindness Simulator