#ba5fec hex color

In a RGB color space, hex #ba5fec is composed of 72.9% red, 37.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 59.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 278.7 degrees, a saturation of 78.8% and a lightness of 64.9%. #ba5fec color hex could be obtained by blending #ffbeff with #7500d9. Closest websafe color is: #cc66ff.

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

● #ba5fec color description : Soft violet.

The hexadecimal color #ba5fec has RGB values of R:186, G:95, B:236 and CMYK values of C:0.21, M:0.6, Y:0, K:0.07. Its decimal value is 12214252.

Hex triplet	ba5fec	`#ba5fec`
RGB Decimal	186, 95, 236	`rgb(186,95,236)`
RGB Percent	72.9, 37.3, 92.5	`rgb(72.9%,37.3%,92.5%)`
CMYK	21, 60, 0, 7
HSL	278.7°, 78.8, 64.9	`hsl(278.7,78.8%,64.9%)`
HSV (or HSB)	278.7°, 59.7, 92.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.763, 59.431, -56.536
XYZ	39.48, 24.681, 82.036
xyY	0.27, 0.169, 24.681
CIE-LCH	56.763, 82.026, 316.43
CIE-LUV	56.763, 31.706, -95.653
Hunter-Lab	49.68, 54.913, -63.13
Binary	10111010, 01011111, 11101100

#ba5fec
```
#ba5fec rgb(186,95,236)
```
#91ec5f
```
#91ec5f rgb(145,236,95)
```

Complementary Color

#745fec
```
#745fec rgb(116,95,236)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#ec5fd8
```
#ec5fd8 rgb(236,95,216)
```

Analogous Color

#5fec74
```
#5fec74 rgb(95,236,116)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#d8ec5f
```
#d8ec5f rgb(216,236,95)
```

Split Complementary Color

#5fecba
```
#5fecba rgb(95,236,186)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#ecba5f
```
#ecba5f rgb(236,186,95)
```

Triadic Color

#5f91ec
```
#5f91ec rgb(95,145,236)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#ecba5f
```
#ecba5f rgb(236,186,95)
```
#91ec5f
```
#91ec5f rgb(145,236,95)
```

Tetradic Color

#9c1be3
```
#9c1be3 rgb(156,27,227)
```
#a631e7
```
#a631e7 rgb(166,49,231)
```
#b048e9
```
#b048e9 rgb(176,72,233)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#c476ef
```
#c476ef rgb(196,118,239)
```
#ce8df1
```
#ce8df1 rgb(206,141,241)
```
#d7a3f4
```
#d7a3f4 rgb(215,163,244)
```

Monochromatic Color

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

#975fec
```
#975fec rgb(151,95,236)
```
#a35fec
```
#a35fec rgb(163,95,236)
```
#ae5fec
```
#ae5fec rgb(174,95,236)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#c65fec
```
#c65fec rgb(198,95,236)
```
#d25fec
```
#d25fec rgb(210,95,236)
```
#dd5fec
```
#dd5fec rgb(221,95,236)
```

Similar Colors

Text with hexadecimal color #ba5fec

This text has a font color of #ba5fec.

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

#ba5fec background color

This paragraph has a background color of #ba5fec.

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

#ba5fec border color

This element has a border color of #ba5fec.

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

CSS codes

.text {color:#ba5fec;}

.background {background-color:#ba5fec;}

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

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

#0b020f
```
#0b020f rgb(11,2,15)
```
#170421
```
#170421 rgb(23,4,33)
```
#230632
```
#230632 rgb(35,6,50)
```
#2f0844
```
#2f0844 rgb(47,8,68)
```
#3b0a55
```
#3b0a55 rgb(59,10,85)
```
#470c67
```
#470c67 rgb(71,12,103)
```
#530e79
```
#530e79 rgb(83,14,121)
```
#5f108a
```
#5f108a rgb(95,16,138)
```
#6b129c
```
#6b129c rgb(107,18,156)
```
#7715ad
```
#7715ad rgb(119,21,173)
```
#8317bf
```
#8317bf rgb(131,23,191)
```
#8f19d0
```
#8f19d0 rgb(143,25,208)
```
#9b1be2
```
#9b1be2 rgb(155,27,226)
```

Shade Color Variation

#a32ae6
```
#a32ae6 rgb(163,42,230)
```
#ab3ce8
```
#ab3ce8 rgb(171,60,232)
```
#b24dea
```
#b24dea rgb(178,77,234)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#c271ee
```
#c271ee rgb(194,113,238)
```
#c982f0
```
#c982f0 rgb(201,130,240)
```
#d194f2
```
#d194f2 rgb(209,148,242)
```
#d8a5f4
```
#d8a5f4 rgb(216,165,244)
```
#e0b7f6
```
#e0b7f6 rgb(224,183,246)
```
#e7c8f8
```
#e7c8f8 rgb(231,200,248)
```
#efdafb
```
#efdafb rgb(239,218,251)
```
#f6ebfd
```
#f6ebfd rgb(246,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#a6a4a7
```
#a6a4a7 rgb(166,164,167)
```
#a89dae
```
#a89dae rgb(168,157,174)
```
#aa96b5
```
#aa96b5 rgb(170,150,181)
```
#ac8fbc
```
#ac8fbc rgb(172,143,188)
```
#ae88c3
```
#ae88c3 rgb(174,136,195)
```
#b081ca
```
#b081ca rgb(176,129,202)
```
#b27bd0
```
#b27bd0 rgb(178,123,208)
```
#b474d7
```
#b474d7 rgb(180,116,215)
```
#b66dde
```
#b66dde rgb(182,109,222)
```
#b866e5
```
#b866e5 rgb(184,102,229)
```
#ba5fec
```
#ba5fec rgb(186,95,236)
```
#bc58f3
```
#bc58f3 rgb(188,88,243)
```
#be51fa
```
#be51fa rgb(190,81,250)
```

Tone Color Variation

Below, you can see how #ba5fec 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
#94819e Atypical Achromatopsia 0.001% of the population

Dichromacy

#448aff Protanopia 1% of men
#548fdf Deuteranopia 1% of men
#ab838d Tritanopia 0.001% of the population

Trichromacy

#6f7af8 Protanomaly 1% of men, 0.01% of women
#797de4 Deuteranomaly 6% of men, 0.4% of women
#b076af Tritanomaly 0.01% of the population

#ba5fec hex color

#ba5fec Color Information

#ba5fec Color Conversion

Color Schemes with #ba5fec

Alternatives to #ba5fec

#ba5fec Preview

Shades and Tints of #ba5fec

Tones of #ba5fec

Color Blindness Simulator