#ba5ae2 hex color

In a RGB color space, hex #ba5ae2 is composed of 72.9% red, 35.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 60.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 282.4 degrees, a saturation of 70.1% and a lightness of 62%. #ba5ae2 color hex could be obtained by blending #ffb4ff with #7500c5. Closest websafe color is: #cc66cc.

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

● #ba5ae2 color description : Soft violet.

The hexadecimal color #ba5ae2 has RGB values of R:186, G:90, B:226 and CMYK values of C:0.18, M:0.6, Y:0, K:0.11. Its decimal value is 12212962.

Hex triplet	ba5ae2	`#ba5ae2`
RGB Decimal	186, 90, 226	`rgb(186,90,226)`
RGB Percent	72.9, 35.3, 88.6	`rgb(72.9%,35.3%,88.6%)`
CMYK	18, 60, 0, 11
HSL	282.4°, 70.1, 62	`hsl(282.4,70.1%,62%)`
HSV (or HSB)	282.4°, 60.2, 88.6
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.322, 59.724, -53.228
XYZ	37.632, 23.244, 74.452
xyY	0.278, 0.172, 23.244
CIE-LCH	55.322, 80.001, 318.291
CIE-LUV	55.322, 35.291, -90.039
Hunter-Lab	48.212, 54.958, -57.811
Binary	10111010, 01011010, 11100010

#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#82e25a
```
#82e25a rgb(130,226,90)
```

Complementary Color

#765ae2
```
#765ae2 rgb(118,90,226)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#e25ac6
```
#e25ac6 rgb(226,90,198)
```

Analogous Color

#5ae276
```
#5ae276 rgb(90,226,118)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#c6e25a
```
#c6e25a rgb(198,226,90)
```

Split Complementary Color

#5ae2ba
```
#5ae2ba rgb(90,226,186)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#e2ba5a
```
#e2ba5a rgb(226,186,90)
```

Triadic Color

#5a82e2
```
#5a82e2 rgb(90,130,226)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#e2ba5a
```
#e2ba5a rgb(226,186,90)
```
#82e25a
```
#82e25a rgb(130,226,90)
```

Tetradic Color

#9a24cc
```
#9a24cc rgb(154,36,204)
```
#a82fda
```
#a82fda rgb(168,47,218)
```
#b144de
```
#b144de rgb(177,68,222)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#c370e6
```
#c370e6 rgb(195,112,230)
```
#cc85ea
```
#cc85ea rgb(204,133,234)
```
#d59bed
```
#d59bed rgb(213,155,237)
```

Monochromatic Color

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

#985ae2
```
#985ae2 rgb(152,90,226)
```
#a35ae2
```
#a35ae2 rgb(163,90,226)
```
#af5ae2
```
#af5ae2 rgb(175,90,226)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#c55ae2
```
#c55ae2 rgb(197,90,226)
```
#d15ae2
```
#d15ae2 rgb(209,90,226)
```
#dc5ae2
```
#dc5ae2 rgb(220,90,226)
```

Similar Colors

Text with hexadecimal color #ba5ae2

This text has a font color of #ba5ae2.

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

#ba5ae2 background color

This paragraph has a background color of #ba5ae2.

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

#ba5ae2 border color

This element has a border color of #ba5ae2.

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

CSS codes

.text {color:#ba5ae2;}

.background {background-color:#ba5ae2;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0e0313
```
#0e0313 rgb(14,3,19)
```
#1b0623
```
#1b0623 rgb(27,6,35)
```
#270934
```
#270934 rgb(39,9,52)
```
#340c45
```
#340c45 rgb(52,12,69)
```
#410f55
```
#410f55 rgb(65,15,85)
```
#4d1266
```
#4d1266 rgb(77,18,102)
```
#5a1577
```
#5a1577 rgb(90,21,119)
```
#661887
```
#661887 rgb(102,24,135)
```
#731b98
```
#731b98 rgb(115,27,152)
```
#801ea9
```
#801ea9 rgb(128,30,169)
```
#8c21b9
```
#8c21b9 rgb(140,33,185)
```
#9924ca
```
#9924ca rgb(153,36,202)
```

Shade Color Variation

#a528d9
```
#a528d9 rgb(165,40,217)
```
#ac39dc
```
#ac39dc rgb(172,57,220)
```
#b349df
```
#b349df rgb(179,73,223)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#c16be5
```
#c16be5 rgb(193,107,229)
```
#c87be8
```
#c87be8 rgb(200,123,232)
```
#cf8ceb
```
#cf8ceb rgb(207,140,235)
```
#d69dee
```
#d69dee rgb(214,157,238)
```
#ddadf1
```
#ddadf1 rgb(221,173,241)
```
#e4bef4
```
#e4bef4 rgb(228,190,244)
```
#ebcff7
```
#ebcff7 rgb(235,207,247)
```
#f2dff9
```
#f2dff9 rgb(242,223,249)
```
#f9f0fc
```
#f9f0fc rgb(249,240,252)
```

Tint Color Variation

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

#9e9d9f
```
#9e9d9f rgb(158,157,159)
```
#a196a6
```
#a196a6 rgb(161,150,166)
```
#a48eae
```
#a48eae rgb(164,142,174)
```
#a887b5
```
#a887b5 rgb(168,135,181)
```
#ab7fbd
```
#ab7fbd rgb(171,127,189)
```
#ae78c4
```
#ae78c4 rgb(174,120,196)
```
#b170cc
```
#b170cc rgb(177,112,204)
```
#b469d3
```
#b469d3 rgb(180,105,211)
```
#b761db
```
#b761db rgb(183,97,219)
```
#ba5ae2
```
#ba5ae2 rgb(186,90,226)
```
#bd53e9
```
#bd53e9 rgb(189,83,233)
```
#c04bf1
```
#c04bf1 rgb(192,75,241)
```
#c344f8
```
#c344f8 rgb(195,68,248)
```

Tone Color Variation

Below, you can see how #ba5ae2 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
#907d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3686ff Protanopia 1% of men
#598bd6 Deuteranopia 1% of men
#ad7e87 Tritanopia 0.001% of the population

Trichromacy

#6676f4 Protanomaly 1% of men, 0.01% of women
#7c79da Deuteranomaly 6% of men, 0.4% of women
#b171a8 Tritanomaly 0.01% of the population

#ba5ae2 hex color

#ba5ae2 Color Information

#ba5ae2 Color Conversion

Color Schemes with #ba5ae2

Alternatives to #ba5ae2

#ba5ae2 Preview

Shades and Tints of #ba5ae2

Tones of #ba5ae2

Color Blindness Simulator