#ba5aeb hex color

In a RGB color space, hex #ba5aeb is composed of 72.9% red, 35.3% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 61.7% magenta, 0% yellow and 7.8% black. It has a hue angle of 279.7 degrees, a saturation of 78.4% and a lightness of 63.7%. #ba5aeb color hex could be obtained by blending #ffb4ff with #7500d7. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 35
- B 92
RGB color chart
- C 21
- M 62
- Y 0
- K 8
CMYK color chart

● #ba5aeb color description : Soft violet.

The hexadecimal color #ba5aeb has RGB values of R:186, G:90, B:235 and CMYK values of C:0.21, M:0.62, Y:0, K:0.08. Its decimal value is 12212971.

Hex triplet	ba5aeb	`#ba5aeb`
RGB Decimal	186, 90, 235	`rgb(186,90,235)`
RGB Percent	72.9, 35.3, 92.2	`rgb(72.9%,35.3%,92.2%)`
CMYK	21, 62, 0, 8
HSL	279.7°, 78.4, 63.7	`hsl(279.7,78.4%,63.7%)`
HSV (or HSB)	279.7°, 61.7, 92.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.837, 61.582, -57.457
XYZ	38.899, 23.751, 81.128
xyY	0.271, 0.165, 23.751
CIE-LCH	55.837, 84.224, 316.984
CIE-LUV	55.837, 33.271, -96.964
Hunter-Lab	48.735, 57.19, -64.585
Binary	10111010, 01011010, 11101011

#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#8beb5a
```
#8beb5a rgb(139,235,90)
```

Complementary Color

#725aeb
```
#725aeb rgb(114,90,235)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#eb5ad4
```
#eb5ad4 rgb(235,90,212)
```

Analogous Color

#5aeb72
```
#5aeb72 rgb(90,235,114)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#d4eb5a
```
#d4eb5a rgb(212,235,90)
```

Split Complementary Color

#5aebba
```
#5aebba rgb(90,235,186)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#ebba5a
```
#ebba5a rgb(235,186,90)
```

Triadic Color

#5a8beb
```
#5a8beb rgb(90,139,235)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#ebba5a
```
#ebba5a rgb(235,186,90)
```
#8beb5a
```
#8beb5a rgb(139,235,90)
```

Tetradic Color

#9c1bde
```
#9c1bde rgb(156,27,222)
```
#a72de5
```
#a72de5 rgb(167,45,229)
```
#b043e8
```
#b043e8 rgb(176,67,232)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#c471ee
```
#c471ee rgb(196,113,238)
```
#cd87f1
```
#cd87f1 rgb(205,135,241)
```
#d79ef3
```
#d79ef3 rgb(215,158,243)
```

Monochromatic Color

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

#965aeb
```
#965aeb rgb(150,90,235)
```
#a25aeb
```
#a25aeb rgb(162,90,235)
```
#ae5aeb
```
#ae5aeb rgb(174,90,235)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#c65aeb
```
#c65aeb rgb(198,90,235)
```
#d25aeb
```
#d25aeb rgb(210,90,235)
```
#de5aeb
```
#de5aeb rgb(222,90,235)
```

Similar Colors

Text with hexadecimal color #ba5aeb

This text has a font color of #ba5aeb.

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

#ba5aeb background color

This paragraph has a background color of #ba5aeb.

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

#ba5aeb border color

This element has a border color of #ba5aeb.

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

CSS codes

.text {color:#ba5aeb;}

.background {background-color:#ba5aeb;}

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

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, #07010a is the darkest color, while #fcf7fe is the lightest one.

#07010a
```
#07010a rgb(7,1,10)
```
#13031b
```
#13031b rgb(19,3,27)
```
#20052d
```
#20052d rgb(32,5,45)
```
#2c083e
```
#2c083e rgb(44,8,62)
```
#380a50
```
#380a50 rgb(56,10,80)
```
#440c61
```
#440c61 rgb(68,12,97)
```
#510e73
```
#510e73 rgb(81,14,115)
```
#5d1084
```
#5d1084 rgb(93,16,132)
```
#691296
```
#691296 rgb(105,18,150)
```
#7614a7
```
#7614a7 rgb(118,20,167)
```
#8216b9
```
#8216b9 rgb(130,22,185)
```
#8e19ca
```
#8e19ca rgb(142,25,202)
```
#9b1bdc
```
#9b1bdc rgb(155,27,220)
```

Shade Color Variation

#a426e5
```
#a426e5 rgb(164,38,229)
```
#ab37e7
```
#ab37e7 rgb(171,55,231)
```
#b349e9
```
#b349e9 rgb(179,73,233)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#c16bed
```
#c16bed rgb(193,107,237)
```
#c97def
```
#c97def rgb(201,125,239)
```
#d08ef1
```
#d08ef1 rgb(208,142,241)
```
#d7a0f3
```
#d7a0f3 rgb(215,160,243)
```
#dfb1f6
```
#dfb1f6 rgb(223,177,246)
```
#e6c3f8
```
#e6c3f8 rgb(230,195,248)
```
#edd4fa
```
#edd4fa rgb(237,212,250)
```
#f5e6fc
```
#f5e6fc rgb(245,230,252)
```
#fcf7fe
```
#fcf7fe rgb(252,247,254)
```

Tint Color Variation

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

#a3a1a4
```
#a3a1a4 rgb(163,161,164)
```
#a59aab
```
#a59aab rgb(165,154,171)
```
#a893b2
```
#a893b2 rgb(168,147,178)
```
#aa8cb9
```
#aa8cb9 rgb(170,140,185)
```
#ac85c0
```
#ac85c0 rgb(172,133,192)
```
#ae7ec7
```
#ae7ec7 rgb(174,126,199)
```
#b176cf
```
#b176cf rgb(177,118,207)
```
#b36fd6
```
#b36fd6 rgb(179,111,214)
```
#b568dd
```
#b568dd rgb(181,104,221)
```
#b861e4
```
#b861e4 rgb(184,97,228)
```
#ba5aeb
```
#ba5aeb rgb(186,90,235)
```
#bc53f2
```
#bc53f2 rgb(188,83,242)
```
#bf4cf9
```
#bf4cf9 rgb(191,76,249)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#917e9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b88ff Protanopia 1% of men
#4f8dde Deuteranopia 1% of men
#ab8089 Tritanopia 0.001% of the population

Trichromacy

#6977f7 Protanomaly 1% of men, 0.01% of women
#767ae2 Deuteranomaly 6% of men, 0.4% of women
#b072ad Tritanomaly 0.01% of the population

#ba5aeb hex color

#ba5aeb Color Information

#ba5aeb Color Conversion

Color Schemes with #ba5aeb

Alternatives to #ba5aeb

#ba5aeb Preview

Shades and Tints of #ba5aeb

Tones of #ba5aeb

Color Blindness Simulator