#ba5dfd hex color

In a RGB color space, hex #ba5dfd is composed of 72.9% red, 36.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 63.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 274.9 degrees, a saturation of 97.6% and a lightness of 67.8%. #ba5dfd color hex could be obtained by blending #ffbaff with #7500fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 36
- B 99
RGB color chart
- C 26
- M 63
- Y 0
- K 1
CMYK color chart

● #ba5dfd color description : Soft violet.

The hexadecimal color #ba5dfd has RGB values of R:186, G:93, B:253 and CMYK values of C:0.26, M:0.63, Y:0, K:0.01. Its decimal value is 12213757.

Hex triplet	ba5dfd	`#ba5dfd`
RGB Decimal	186, 93, 253	`rgb(186,93,253)`
RGB Percent	72.9, 36.5, 99.2	`rgb(72.9%,36.5%,99.2%)`
CMYK	26, 63, 0, 1
HSL	274.9°, 97.6, 67.8	`hsl(274.9,97.6%,67.8%)`
HSV (or HSB)	274.9°, 63.2, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.425, 64.021, -64.925
XYZ	41.891, 25.361, 95.611
xyY	0.257, 0.156, 25.361
CIE-LCH	57.425, 91.181, 314.599
CIE-LUV	57.425, 28.707, -109.345
Hunter-Lab	50.359, 60.356, -77.316
Binary	10111010, 01011101, 11111101

#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#a0fd5d
```
#a0fd5d rgb(160,253,93)
```

Complementary Color

#6a5dfd
```
#6a5dfd rgb(106,93,253)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#fd5df0
```
#fd5df0 rgb(253,93,240)
```

Analogous Color

#5dfd6a
```
#5dfd6a rgb(93,253,106)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#f0fd5d
```
#f0fd5d rgb(240,253,93)
```

Split Complementary Color

#5dfdba
```
#5dfdba rgb(93,253,186)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#fdba5d
```
#fdba5d rgb(253,186,93)
```

Triadic Color

#5da0fd
```
#5da0fd rgb(93,160,253)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#fdba5d
```
#fdba5d rgb(253,186,93)
```
#a0fd5d
```
#a0fd5d rgb(160,253,93)
```

Tetradic Color

#9a11fc
```
#9a11fc rgb(154,17,252)
```
#a52bfc
```
#a52bfc rgb(165,43,252)
```
#af44fd
```
#af44fd rgb(175,68,253)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#c576fd
```
#c576fd rgb(197,118,253)
```
#cf8ffe
```
#cf8ffe rgb(207,143,254)
```
#daa9fe
```
#daa9fe rgb(218,169,254)
```

Monochromatic Color

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

#925dfd
```
#925dfd rgb(146,93,253)
```
#9f5dfd
```
#9f5dfd rgb(159,93,253)
```
#ad5dfd
```
#ad5dfd rgb(173,93,253)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#c75dfd
```
#c75dfd rgb(199,93,253)
```
#d55dfd
```
#d55dfd rgb(213,93,253)
```
#e25dfd
```
#e25dfd rgb(226,93,253)
```

Similar Colors

Text with hexadecimal color #ba5dfd

This text has a font color of #ba5dfd.

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

#ba5dfd background color

This paragraph has a background color of #ba5dfd.

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

#ba5dfd border color

This element has a border color of #ba5dfd.

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

CSS codes

.text {color:#ba5dfd;}

.background {background-color:#ba5dfd;}

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

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

#07000c
```
#07000c rgb(7,0,12)
```
#130020
```
#130020 rgb(19,0,32)
```
#1e0133
```
#1e0133 rgb(30,1,51)
```
#290147
```
#290147 rgb(41,1,71)
```
#35015a
```
#35015a rgb(53,1,90)
```
#40016d
```
#40016d rgb(64,1,109)
```
#4b0281
```
#4b0281 rgb(75,2,129)
```
#570294
```
#570294 rgb(87,2,148)
```
#6202a7
```
#6202a7 rgb(98,2,167)
```
#6e02bb
```
#6e02bb rgb(110,2,187)
```
#7903ce
```
#7903ce rgb(121,3,206)
```
#8403e2
```
#8403e2 rgb(132,3,226)
```
#9003f5
```
#9003f5 rgb(144,3,245)
```

Shade Color Variation

#990ffc
```
#990ffc rgb(153,15,252)
```
#a123fc
```
#a123fc rgb(161,35,252)
```
#a936fd
```
#a936fd rgb(169,54,253)
```
#b24afd
```
#b24afd rgb(178,74,253)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```
#c270fd
```
#c270fd rgb(194,112,253)
```
#cb84fd
```
#cb84fd rgb(203,132,253)
```
#d397fe
```
#d397fe rgb(211,151,254)
```
#dbabfe
```
#dbabfe rgb(219,171,254)
```
#e3befe
```
#e3befe rgb(227,190,254)
```
#ecd1fe
```
#ecd1fe rgb(236,209,254)
```
#f4e5ff
```
#f4e5ff rgb(244,229,255)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#aea9b1
```
#aea9b1 rgb(174,169,177)
```
#afa2b8
```
#afa2b8 rgb(175,162,184)
```
#b09cbe
```
#b09cbe rgb(176,156,190)
```
#b196c4
```
#b196c4 rgb(177,150,196)
```
#b28fcb
```
#b28fcb rgb(178,143,203)
```
#b389d1
```
#b389d1 rgb(179,137,209)
```
#b483d7
```
#b483d7 rgb(180,131,215)
```
#b57ddd
```
#b57ddd rgb(181,125,221)
```
#b676e4
```
#b676e4 rgb(182,118,228)
```
#b770ea
```
#b770ea rgb(183,112,234)
```
#b86af0
```
#b86af0 rgb(184,106,240)
```
#b963f7
```
#b963f7 rgb(185,99,247)
```
#ba5dfd
```
#ba5dfd rgb(186,93,253)
```

Tone Color Variation

Below, you can see how #ba5dfd 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
#9482a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#498cff Protanopia 1% of men
#3791ee Deuteranopia 1% of men
#a78791 Tritanopia 0.001% of the population

Trichromacy

#727bfe Protanomaly 1% of men, 0.01% of women
#677ef3 Deuteranomaly 6% of men, 0.4% of women
#ae78b8 Tritanomaly 0.01% of the population

#ba5dfd hex color

#ba5dfd Color Information

#ba5dfd Color Conversion

Color Schemes with #ba5dfd

Alternatives to #ba5dfd

#ba5dfd Preview

Shades and Tints of #ba5dfd

Tones of #ba5dfd

Color Blindness Simulator