#ba5aec hex color

In a RGB color space, hex #ba5aec is composed of 72.9% red, 35.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 61.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 279.5 degrees, a saturation of 79.3% and a lightness of 63.9%. #ba5aec color hex could be obtained by blending #ffb4ff with #7500d9. Closest websafe color is: #cc66ff.

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

● #ba5aec color description : Soft violet.

The hexadecimal color #ba5aec has RGB values of R:186, G:90, B:236 and CMYK values of C:0.21, M:0.62, Y:0, K:0.07. Its decimal value is 12212972.

Hex triplet	ba5aec	`#ba5aec`
RGB Decimal	186, 90, 236	`rgb(186,90,236)`
RGB Percent	72.9, 35.3, 92.5	`rgb(72.9%,35.3%,92.5%)`
CMYK	21, 62, 0, 7
HSL	279.5°, 79.3, 63.9	`hsl(279.5,79.3%,63.9%)`
HSV (or HSB)	279.5°, 61.9, 92.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.896, 61.79, -57.923
XYZ	39.044, 23.809, 81.891
xyY	0.27, 0.164, 23.809
CIE-LCH	55.896, 84.695, 316.85
CIE-LUV	55.896, 33.05, -97.727
Hunter-Lab	48.794, 57.443, -65.35
Binary	10111010, 01011010, 11101100

#ba5aec
```
#ba5aec rgb(186,90,236)
```
#8cec5a
```
#8cec5a rgb(140,236,90)
```

Complementary Color

#715aec
```
#715aec rgb(113,90,236)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#ec5ad5
```
#ec5ad5 rgb(236,90,213)
```

Analogous Color

#5aec71
```
#5aec71 rgb(90,236,113)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#d5ec5a
```
#d5ec5a rgb(213,236,90)
```

Split Complementary Color

#5aecba
```
#5aecba rgb(90,236,186)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#ecba5a
```
#ecba5a rgb(236,186,90)
```

Triadic Color

#5a8cec
```
#5a8cec rgb(90,140,236)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#ecba5a
```
#ecba5a rgb(236,186,90)
```
#8cec5a
```
#8cec5a rgb(140,236,90)
```

Tetradic Color

#9c1ae0
```
#9c1ae0 rgb(156,26,224)
```
#a72ce7
```
#a72ce7 rgb(167,44,231)
```
#b043e9
```
#b043e9 rgb(176,67,233)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#c471ef
```
#c471ef rgb(196,113,239)
```
#cd88f1
```
#cd88f1 rgb(205,136,241)
```
#d79ff4
```
#d79ff4 rgb(215,159,244)
```

Monochromatic Color

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

#965aec
```
#965aec rgb(150,90,236)
```
#a25aec
```
#a25aec rgb(162,90,236)
```
#ae5aec
```
#ae5aec rgb(174,90,236)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#c65aec
```
#c65aec rgb(198,90,236)
```
#d25aec
```
#d25aec rgb(210,90,236)
```
#df5aec
```
#df5aec rgb(223,90,236)
```

Similar Colors

Text with hexadecimal color #ba5aec

This text has a font color of #ba5aec.

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

#ba5aec background color

This paragraph has a background color of #ba5aec.

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

#ba5aec border color

This element has a border color of #ba5aec.

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

CSS codes

.text {color:#ba5aec;}

.background {background-color:#ba5aec;}

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

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, #08010b is the darkest color, while #fcf8fe is the lightest one.

#08010b
```
#08010b rgb(8,1,11)
```
#14031c
```
#14031c rgb(20,3,28)
```
#20052e
```
#20052e rgb(32,5,46)
```
#2c0740
```
#2c0740 rgb(44,7,64)
```
#390951
```
#390951 rgb(57,9,81)
```
#450b63
```
#450b63 rgb(69,11,99)
```
#510d74
```
#510d74 rgb(81,13,116)
```
#5d0f86
```
#5d0f86 rgb(93,15,134)
```
#6a1198
```
#6a1198 rgb(106,17,152)
```
#7613a9
```
#7613a9 rgb(118,19,169)
```
#8216bb
```
#8216bb rgb(130,22,187)
```
#8e18cc
```
#8e18cc rgb(142,24,204)
```
#9b1ade
```
#9b1ade rgb(155,26,222)
```

Shade Color Variation

#a425e6
```
#a425e6 rgb(164,37,230)
```
#ab37e8
```
#ab37e8 rgb(171,55,232)
```
#b348ea
```
#b348ea rgb(179,72,234)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#c16cee
```
#c16cee rgb(193,108,238)
```
#c97df0
```
#c97df0 rgb(201,125,240)
```
#d08ff2
```
#d08ff2 rgb(208,143,242)
```
#d7a0f4
```
#d7a0f4 rgb(215,160,244)
```
#dfb2f6
```
#dfb2f6 rgb(223,178,246)
```
#e6c4f8
```
#e6c4f8 rgb(230,196,248)
```
#edd5fa
```
#edd5fa rgb(237,213,250)
```
#f5e7fc
```
#f5e7fc rgb(245,231,252)
```
#fcf8fe
```
#fcf8fe rgb(252,248,254)
```

Tint Color Variation

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

#a4a1a5
```
#a4a1a5 rgb(164,161,165)
```
#a69aac
```
#a69aac rgb(166,154,172)
```
#a893b3
```
#a893b3 rgb(168,147,179)
```
#aa8cba
```
#aa8cba rgb(170,140,186)
```
#ad84c2
```
#ad84c2 rgb(173,132,194)
```
#af7dc9
```
#af7dc9 rgb(175,125,201)
```
#b176d0
```
#b176d0 rgb(177,118,208)
```
#b36fd7
```
#b36fd7 rgb(179,111,215)
```
#b668de
```
#b668de rgb(182,104,222)
```
#b861e5
```
#b861e5 rgb(184,97,229)
```
#ba5aec
```
#ba5aec rgb(186,90,236)
```
#bc53f3
```
#bc53f3 rgb(188,83,243)
```
#be4cfa
```
#be4cfa rgb(190,76,250)
```

Tone Color Variation

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

#3c88ff Protanopia 1% of men
#4e8ddf Deuteranopia 1% of men
#ab818a Tritanopia 0.001% of the population

Trichromacy

#6977f8 Protanomaly 1% of men, 0.01% of women
#757ae3 Deuteranomaly 6% of men, 0.4% of women
#b072ad Tritanomaly 0.01% of the population

#ba5aec hex color

#ba5aec Color Information

#ba5aec Color Conversion

Color Schemes with #ba5aec

Alternatives to #ba5aec

#ba5aec Preview

Shades and Tints of #ba5aec

Tones of #ba5aec

Color Blindness Simulator