#ba5edb hex color

In a RGB color space, hex #ba5edb is composed of 72.9% red, 36.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 15.1% cyan, 57.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 284.2 degrees, a saturation of 63.5% and a lightness of 61.4%. #ba5edb color hex could be obtained by blending #ffbcff with #7500b7. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 37
- B 86
RGB color chart
- C 15
- M 57
- Y 0
- K 14
CMYK color chart

● #ba5edb color description : Soft violet.

The hexadecimal color #ba5edb has RGB values of R:186, G:94, B:219 and CMYK values of C:0.15, M:0.57, Y:0, K:0.14. Its decimal value is 12213979.

Hex triplet	ba5edb	`#ba5edb`
RGB Decimal	186, 94, 219	`rgb(186,94,219)`
RGB Percent	72.9, 36.9, 85.9	`rgb(72.9%,36.9%,85.9%)`
CMYK	15, 57, 0, 14
HSL	284.2°, 63.5, 61.4	`hsl(284.2,63.5%,61.4%)`
HSV (or HSB)	284.2°, 57.1, 85.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.645, 56.39, -48.768
XYZ	37.037, 23.56, 69.611
xyY	0.284, 0.181, 23.56
CIE-LCH	55.645, 74.553, 319.146
CIE-LUV	55.645, 35.716, -82.83
Hunter-Lab	48.539, 51.259, -51.052
Binary	10111010, 01011110, 11011011

#ba5edb
```
#ba5edb rgb(186,94,219)
```
#7fdb5e
```
#7fdb5e rgb(127,219,94)
```

Complementary Color

#7c5edb
```
#7c5edb rgb(124,94,219)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#db5ebe
```
#db5ebe rgb(219,94,190)
```

Analogous Color

#5edb7c
```
#5edb7c rgb(94,219,124)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#bedb5e
```
#bedb5e rgb(190,219,94)
```

Split Complementary Color

#5edbba
```
#5edbba rgb(94,219,186)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#dbba5e
```
#dbba5e rgb(219,186,94)
```

Triadic Color

#5e7fdb
```
#5e7fdb rgb(94,127,219)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#dbba5e
```
#dbba5e rgb(219,186,94)
```
#7fdb5e
```
#7fdb5e rgb(127,219,94)
```

Tetradic Color

#9a2bc1
```
#9a2bc1 rgb(154,43,193)
```
#a834d2
```
#a834d2 rgb(168,52,210)
```
#b149d6
```
#b149d6 rgb(177,73,214)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#c373e0
```
#c373e0 rgb(195,115,224)
```
#cc88e4
```
#cc88e4 rgb(204,136,228)
```
#d59de9
```
#d59de9 rgb(213,157,233)
```

Monochromatic Color

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

#9b5edb
```
#9b5edb rgb(155,94,219)
```
#a55edb
```
#a55edb rgb(165,94,219)
```
#b05edb
```
#b05edb rgb(176,94,219)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#c45edb
```
#c45edb rgb(196,94,219)
```
#cf5edb
```
#cf5edb rgb(207,94,219)
```
#d95edb
```
#d95edb rgb(217,94,219)
```

Similar Colors

Text with hexadecimal color #ba5edb

This text has a font color of #ba5edb.

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

#ba5edb background color

This paragraph has a background color of #ba5edb.

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

#ba5edb border color

This element has a border color of #ba5edb.

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

CSS codes

.text {color:#ba5edb;}

.background {background-color:#ba5edb;}

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

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, #0c030f is the darkest color, while #fffeff is the lightest one.

#0c030f
```
#0c030f rgb(12,3,15)
```
#19071f
```
#19071f rgb(25,7,31)
```
#260b2f
```
#260b2f rgb(38,11,47)
```
#320e3f
```
#320e3f rgb(50,14,63)
```
#3f124f
```
#3f124f rgb(63,18,79)
```
#4c155f
```
#4c155f rgb(76,21,95)
```
#591970
```
#591970 rgb(89,25,112)
```
#651d80
```
#651d80 rgb(101,29,128)
```
#722090
```
#722090 rgb(114,32,144)
```
#7f24a0
```
#7f24a0 rgb(127,36,160)
```
#8c27b0
```
#8c27b0 rgb(140,39,176)
```
#982bc0
```
#982bc0 rgb(152,43,192)
```
#a52ed0
```
#a52ed0 rgb(165,46,208)
```

Shade Color Variation

#ac3ed4
```
#ac3ed4 rgb(172,62,212)
```
#b34ed7
```
#b34ed7 rgb(179,78,215)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#c16edf
```
#c16edf rgb(193,110,223)
```
#c87ee2
```
#c87ee2 rgb(200,126,226)
```
#cf8ee6
```
#cf8ee6 rgb(207,142,230)
```
#d59ee9
```
#d59ee9 rgb(213,158,233)
```
#dcaeed
```
#dcaeed rgb(220,174,237)
```
#e3bef1
```
#e3bef1 rgb(227,190,241)
```
#eacef4
```
#eacef4 rgb(234,206,244)
```
#f1def8
```
#f1def8 rgb(241,222,248)
```
#f8eefb
```
#f8eefb rgb(248,238,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#9d9b9e
```
#9d9b9e rgb(157,155,158)
```
#a193a6
```
#a193a6 rgb(161,147,166)
```
#a58bae
```
#a58bae rgb(165,139,174)
```
#a884b5
```
#a884b5 rgb(168,132,181)
```
#ac7cbd
```
#ac7cbd rgb(172,124,189)
```
#af75c4
```
#af75c4 rgb(175,117,196)
```
#b36dcc
```
#b36dcc rgb(179,109,204)
```
#b666d3
```
#b666d3 rgb(182,102,211)
```
#ba5edb
```
#ba5edb rgb(186,94,219)
```
#be56e3
```
#be56e3 rgb(190,86,227)
```
#c14fea
```
#c14fea rgb(193,79,234)
```
#c547f2
```
#c547f2 rgb(197,71,242)
```
#c840f9
```
#c840f9 rgb(200,64,249)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#928099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4787f8 Protanopia 1% of men
#638bd1 Deuteranopia 1% of men
#ae7e87 Tritanopia 0.001% of the population

Trichromacy

#7178ed Protanomaly 1% of men, 0.01% of women
#837bd4 Deuteranomaly 6% of men, 0.4% of women
#b272a5 Tritanomaly 0.01% of the population

#ba5edb hex color

#ba5edb Color Information

#ba5edb Color Conversion

Color Schemes with #ba5edb

Alternatives to #ba5edb

#ba5edb Preview

Shades and Tints of #ba5edb

Tones of #ba5edb

Color Blindness Simulator