#ba5ef9 hex color

In a RGB color space, hex #ba5ef9 is composed of 72.9% red, 36.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 62.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 275.6 degrees, a saturation of 92.8% and a lightness of 67.3%. #ba5ef9 color hex could be obtained by blending #ffbcff with #7500f3. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 37
- B 98
RGB color chart
- C 25
- M 62
- Y 0
- K 2
CMYK color chart

● #ba5ef9 color description : Soft violet.

The hexadecimal color #ba5ef9 has RGB values of R:186, G:94, B:249 and CMYK values of C:0.25, M:0.62, Y:0, K:0.02. Its decimal value is 12214009.

Hex triplet	ba5ef9	`#ba5ef9`
RGB Decimal	186, 94, 249	`rgb(186,94,249)`
RGB Percent	72.9, 36.9, 97.6	`rgb(72.9%,36.9%,97.6%)`
CMYK	25, 62, 0, 2
HSL	275.6°, 92.8, 67.3	`hsl(275.6,92.8%,67.3%)`
HSV (or HSB)	275.6°, 62.2, 97.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.352, 62.687, -62.827
XYZ	41.349, 25.285, 92.32
xyY	0.26, 0.159, 25.285
CIE-LCH	57.352, 88.752, 314.936
CIE-LUV	57.352, 29.27, -105.959
Hunter-Lab	50.284, 58.784, -73.655
Binary	10111010, 01011110, 11111001

#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#9df95e
```
#9df95e rgb(157,249,94)
```

Complementary Color

#6d5ef9
```
#6d5ef9 rgb(109,94,249)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#f95eeb
```
#f95eeb rgb(249,94,235)
```

Analogous Color

#5ef96d
```
#5ef96d rgb(94,249,109)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#ebf95e
```
#ebf95e rgb(235,249,94)
```

Split Complementary Color

#5ef9ba
```
#5ef9ba rgb(94,249,186)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#f9ba5e
```
#f9ba5e rgb(249,186,94)
```

Triadic Color

#5e9df9
```
#5e9df9 rgb(94,157,249)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#f9ba5e
```
#f9ba5e rgb(249,186,94)
```
#9df95e
```
#9df95e rgb(157,249,94)
```

Tetradic Color

#9a14f6
```
#9a14f6 rgb(154,20,246)
```
#a52df7
```
#a52df7 rgb(165,45,247)
```
#af45f8
```
#af45f8 rgb(175,69,248)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#c577fa
```
#c577fa rgb(197,119,250)
```
#cf8ffb
```
#cf8ffb rgb(207,143,251)
```
#daa8fc
```
#daa8fc rgb(218,168,252)
```

Monochromatic Color

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

#935ef9
```
#935ef9 rgb(147,94,249)
```
#a05ef9
```
#a05ef9 rgb(160,94,249)
```
#ad5ef9
```
#ad5ef9 rgb(173,94,249)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#c75ef9
```
#c75ef9 rgb(199,94,249)
```
#d45ef9
```
#d45ef9 rgb(212,94,249)
```
#e15ef9
```
#e15ef9 rgb(225,94,249)
```

Similar Colors

Text with hexadecimal color #ba5ef9

This text has a font color of #ba5ef9.

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

#ba5ef9 background color

This paragraph has a background color of #ba5ef9.

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

#ba5ef9 border color

This element has a border color of #ba5ef9.

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

CSS codes

.text {color:#ba5ef9;}

.background {background-color:#ba5ef9;}

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

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

#060009
```
#060009 rgb(6,0,9)
```
#11011c
```
#11011c rgb(17,1,28)
```
#1d022f
```
#1d022f rgb(29,2,47)
```
#280242
```
#280242 rgb(40,2,66)
```
#340355
```
#340355 rgb(52,3,85)
```
#3f0468
```
#3f0468 rgb(63,4,104)
```
#4b057b
```
#4b057b rgb(75,5,123)
```
#56058e
```
#56058e rgb(86,5,142)
```
#6206a0
```
#6206a0 rgb(98,6,160)
```
#6d07b3
```
#6d07b3 rgb(109,7,179)
```
#7907c6
```
#7907c6 rgb(121,7,198)
```
#8408d9
```
#8408d9 rgb(132,8,217)
```
#9009ec
```
#9009ec rgb(144,9,236)
```

Shade Color Variation

#9a12f6
```
#9a12f6 rgb(154,18,246)
```
#a225f7
```
#a225f7 rgb(162,37,247)
```
#aa38f8
```
#aa38f8 rgb(170,56,248)
```
#b24bf8
```
#b24bf8 rgb(178,75,248)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```
#c271fa
```
#c271fa rgb(194,113,250)
```
#ca84fa
```
#ca84fa rgb(202,132,250)
```
#d297fb
```
#d297fb rgb(210,151,251)
```
#daaafc
```
#daaafc rgb(218,170,252)
```
#e3bdfd
```
#e3bdfd rgb(227,189,253)
```
#ebcffd
```
#ebcffd rgb(235,207,253)
```
#f3e2fe
```
#f3e2fe rgb(243,226,254)
```
#fbf5ff
```
#fbf5ff rgb(251,245,255)
```

Tint Color Variation

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

#acabac
```
#acabac rgb(172,171,172)
```
#ada5b2
```
#ada5b2 rgb(173,165,178)
```
#ae9eb9
```
#ae9eb9 rgb(174,158,185)
```
#af98bf
```
#af98bf rgb(175,152,191)
```
#b091c6
```
#b091c6 rgb(176,145,198)
```
#b28bcc
```
#b28bcc rgb(178,139,204)
```
#b385d2
```
#b385d2 rgb(179,133,210)
```
#b47ed9
```
#b47ed9 rgb(180,126,217)
```
#b578df
```
#b578df rgb(181,120,223)
```
#b671e6
```
#b671e6 rgb(182,113,230)
```
#b86bec
```
#b86bec rgb(184,107,236)
```
#b964f3
```
#b964f3 rgb(185,100,243)
```
#ba5ef9
```
#ba5ef9 rgb(186,94,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9482a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#488cff Protanopia 1% of men
#4191ea Deuteranopia 1% of men
#a88790 Tritanopia 0.001% of the population

Trichromacy

#717bfc Protanomaly 1% of men, 0.01% of women
#6d7eef Deuteranomaly 6% of men, 0.4% of women
#ae78b6 Tritanomaly 0.01% of the population

#ba5ef9 hex color

#ba5ef9 Color Information

#ba5ef9 Color Conversion

Color Schemes with #ba5ef9

Alternatives to #ba5ef9

#ba5ef9 Preview

Shades and Tints of #ba5ef9

Tones of #ba5ef9

Color Blindness Simulator