#ba5bfe hex color

In a RGB color space, hex #ba5bfe is composed of 72.9% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 275 degrees, a saturation of 98.8% and a lightness of 67.6%. #ba5bfe color hex could be obtained by blending #ffb6ff with #7500fd. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 36
- B 100
RGB color chart
- C 27
- M 64
- Y 0
- K 0
CMYK color chart

● #ba5bfe color description : Soft violet.

The hexadecimal color #ba5bfe has RGB values of R:186, G:91, B:254 and CMYK values of C:0.27, M:0.64, Y:0, K:0. Its decimal value is 12213246.

Hex triplet	ba5bfe	`#ba5bfe`
RGB Decimal	186, 91, 254	`rgb(186,91,254)`
RGB Percent	72.9, 35.7, 99.6	`rgb(72.9%,35.7%,99.6%)`
CMYK	27, 64, 0, 0
HSL	275°, 98.8, 67.6	`hsl(275,98.8%,67.6%)`
HSV (or HSB)	275°, 64.2, 99.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.151, 65.16, -65.918
XYZ	41.878, 25.078, 96.395
xyY	0.256, 0.154, 25.078
CIE-LCH	57.151, 92.688, 314.669
CIE-LUV	57.151, 28.986, -110.853
Hunter-Lab	50.078, 61.634, -79.073
Binary	10111010, 01011011, 11111110

#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#9ffe5b
```
#9ffe5b rgb(159,254,91)
```

Complementary Color

#695bfe
```
#695bfe rgb(105,91,254)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#fe5bf1
```
#fe5bf1 rgb(254,91,241)
```

Analogous Color

#5bfe69
```
#5bfe69 rgb(91,254,105)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#f1fe5b
```
#f1fe5b rgb(241,254,91)
```

Split Complementary Color

#5bfeba
```
#5bfeba rgb(91,254,186)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#feba5b
```
#feba5b rgb(254,186,91)
```

Triadic Color

#5b9ffe
```
#5b9ffe rgb(91,159,254)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#feba5b
```
#feba5b rgb(254,186,91)
```
#9ffe5b
```
#9ffe5b rgb(159,254,91)
```

Tetradic Color

#9a0ffe
```
#9a0ffe rgb(154,15,254)
```
#a528fe
```
#a528fe rgb(165,40,254)
```
#af42fe
```
#af42fe rgb(175,66,254)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#c574fe
```
#c574fe rgb(197,116,254)
```
#cf8efe
```
#cf8efe rgb(207,142,254)
```
#daa7fe
```
#daa7fe rgb(218,167,254)
```

Monochromatic Color

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

#915bfe
```
#915bfe rgb(145,91,254)
```
#9f5bfe
```
#9f5bfe rgb(159,91,254)
```
#ac5bfe
```
#ac5bfe rgb(172,91,254)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#c85bfe
```
#c85bfe rgb(200,91,254)
```
#d55bfe
```
#d55bfe rgb(213,91,254)
```
#e35bfe
```
#e35bfe rgb(227,91,254)
```

Similar Colors

Text with hexadecimal color #ba5bfe

This text has a font color of #ba5bfe.

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

#ba5bfe background color

This paragraph has a background color of #ba5bfe.

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

#ba5bfe border color

This element has a border color of #ba5bfe.

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

CSS codes

.text {color:#ba5bfe;}

.background {background-color:#ba5bfe;}

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

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

#07000b
```
#07000b rgb(7,0,11)
```
#12001f
```
#12001f rgb(18,0,31)
```
#1e0032
```
#1e0032 rgb(30,0,50)
```
#290046
```
#290046 rgb(41,0,70)
```
#340159
```
#340159 rgb(52,1,89)
```
#40016d
```
#40016d rgb(64,1,109)
```
#4b0180
```
#4b0180 rgb(75,1,128)
```
#570194
```
#570194 rgb(87,1,148)
```
#6201a7
```
#6201a7 rgb(98,1,167)
```
#6d01bb
```
#6d01bb rgb(109,1,187)
```
#7901ce
```
#7901ce rgb(121,1,206)
```
#8401e2
```
#8401e2 rgb(132,1,226)
```
#9001f5
```
#9001f5 rgb(144,1,245)
```

Shade Color Variation

#990dfe
```
#990dfe rgb(153,13,254)
```
#a121fe
```
#a121fe rgb(161,33,254)
```
#aa34fe
```
#aa34fe rgb(170,52,254)
```
#b248fe
```
#b248fe rgb(178,72,254)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```
#c26efe
```
#c26efe rgb(194,110,254)
```
#ca82fe
```
#ca82fe rgb(202,130,254)
```
#d395fe
```
#d395fe rgb(211,149,254)
```
#dba9fe
```
#dba9fe rgb(219,169,254)
```
#e3bcff
```
#e3bcff rgb(227,188,255)
```
#ebd0ff
```
#ebd0ff rgb(235,208,255)
```
#f3e3ff
```
#f3e3ff rgb(243,227,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#ada7b2
```
#ada7b2 rgb(173,167,178)
```
#aea1b8
```
#aea1b8 rgb(174,161,184)
```
#af9abf
```
#af9abf rgb(175,154,191)
```
#b194c5
```
#b194c5 rgb(177,148,197)
```
#b28ecb
```
#b28ecb rgb(178,142,203)
```
#b387d2
```
#b387d2 rgb(179,135,210)
```
#b481d8
```
#b481d8 rgb(180,129,216)
```
#b57bde
```
#b57bde rgb(181,123,222)
```
#b674e5
```
#b674e5 rgb(182,116,229)
```
#b76eeb
```
#b76eeb rgb(183,110,235)
```
#b868f1
```
#b868f1 rgb(184,104,241)
```
#b961f8
```
#b961f8 rgb(185,97,248)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9481a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#468bff Protanopia 1% of men
#3091ee Deuteranopia 1% of men
#a68690 Tritanopia 0.001% of the population

Trichromacy

#707afe Protanomaly 1% of men, 0.01% of women
#627df4 Deuteranomaly 6% of men, 0.4% of women
#ad76b8 Tritanomaly 0.01% of the population

#ba5bfe hex color

#ba5bfe Color Information

#ba5bfe Color Conversion

Color Schemes with #ba5bfe

Alternatives to #ba5bfe

#ba5bfe Preview

Shades and Tints of #ba5bfe

Tones of #ba5bfe

Color Blindness Simulator