#ba5dfc hex color

In a RGB color space, hex #ba5dfc is composed of 72.9% red, 36.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 63.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 275.1 degrees, a saturation of 96.4% and a lightness of 67.6%. #ba5dfc color hex could be obtained by blending #ffbaff with #7500f9. 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

● #ba5dfc color description : Soft violet.

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

Hex triplet	ba5dfc	`#ba5dfc`
RGB Decimal	186, 93, 252	`rgb(186,93,252)`
RGB Percent	72.9, 36.5, 98.8	`rgb(72.9%,36.5%,98.8%)`
CMYK	26, 63, 0, 1
HSL	275.1°, 96.4, 67.6	`hsl(275.1,96.4%,67.6%)`
HSV (or HSB)	275.1°, 63.1, 98.8
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.364, 63.804, -64.47
XYZ	41.732, 25.297, 94.774
xyY	0.258, 0.156, 25.297
CIE-LCH	57.364, 90.705, 314.703
CIE-LUV	57.364, 28.91, -108.6
Hunter-Lab	50.296, 60.089, -76.515
Binary	10111010, 01011101, 11111100

#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#9ffc5d
```
#9ffc5d rgb(159,252,93)
```

Complementary Color

#6b5dfc
```
#6b5dfc rgb(107,93,252)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#fc5def
```
#fc5def rgb(252,93,239)
```

Analogous Color

#5dfc6b
```
#5dfc6b rgb(93,252,107)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#effc5d
```
#effc5d rgb(239,252,93)
```

Split Complementary Color

#5dfcba
```
#5dfcba rgb(93,252,186)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#fcba5d
```
#fcba5d rgb(252,186,93)
```

Triadic Color

#5d9ffc
```
#5d9ffc rgb(93,159,252)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#fcba5d
```
#fcba5d rgb(252,186,93)
```
#9ffc5d
```
#9ffc5d rgb(159,252,93)
```

Tetradic Color

#9a12fb
```
#9a12fb rgb(154,18,251)
```
#a52bfb
```
#a52bfb rgb(165,43,251)
```
#af44fc
```
#af44fc rgb(175,68,252)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#c576fc
```
#c576fc rgb(197,118,252)
```
#cf8ffd
```
#cf8ffd rgb(207,143,253)
```
#daa8fd
```
#daa8fd rgb(218,168,253)
```

Monochromatic Color

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

#925dfc
```
#925dfc rgb(146,93,252)
```
#a05dfc
```
#a05dfc rgb(160,93,252)
```
#ad5dfc
```
#ad5dfc rgb(173,93,252)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#c75dfc
```
#c75dfc rgb(199,93,252)
```
#d55dfc
```
#d55dfc rgb(213,93,252)
```
#e25dfc
```
#e25dfc rgb(226,93,252)
```

Similar Colors

Text with hexadecimal color #ba5dfc

This text has a font color of #ba5dfc.

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

#ba5dfc background color

This paragraph has a background color of #ba5dfc.

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

#ba5dfc border color

This element has a border color of #ba5dfc.

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

CSS codes

.text {color:#ba5dfc;}

.background {background-color:#ba5dfc;}

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

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)
```
#12011f
```
#12011f rgb(18,1,31)
```
#1e0132
```
#1e0132 rgb(30,1,50)
```
#290145
```
#290145 rgb(41,1,69)
```
#340258
```
#340258 rgb(52,2,88)
```
#40026c
```
#40026c rgb(64,2,108)
```
#4b027f
```
#4b027f rgb(75,2,127)
```
#570392
```
#570392 rgb(87,3,146)
```
#6203a5
```
#6203a5 rgb(98,3,165)
```
#6d03b9
```
#6d03b9 rgb(109,3,185)
```
#7904cc
```
#7904cc rgb(121,4,204)
```
#8404df
```
#8404df rgb(132,4,223)
```
#9004f2
```
#9004f2 rgb(144,4,242)
```

Shade Color Variation

#9910fb
```
#9910fb rgb(153,16,251)
```
#a123fb
```
#a123fb rgb(161,35,251)
```
#aa36fb
```
#aa36fb rgb(170,54,251)
```
#b24afc
```
#b24afc rgb(178,74,252)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```
#c270fc
```
#c270fc rgb(194,112,252)
```
#ca84fd
```
#ca84fd rgb(202,132,253)
```
#d397fd
```
#d397fd rgb(211,151,253)
```
#dbaafd
```
#dbaafd rgb(219,170,253)
```
#e3bdfe
```
#e3bdfe rgb(227,189,254)
```
#ebd1fe
```
#ebd1fe rgb(235,209,254)
```
#f3e4fe
```
#f3e4fe rgb(243,228,254)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#ada9b0
```
#ada9b0 rgb(173,169,176)
```
#aea3b6
```
#aea3b6 rgb(174,163,182)
```
#af9cbd
```
#af9cbd rgb(175,156,189)
```
#b096c3
```
#b096c3 rgb(176,150,195)
```
#b190c9
```
#b190c9 rgb(177,144,201)
```
#b289d0
```
#b289d0 rgb(178,137,208)
```
#b483d6
```
#b483d6 rgb(180,131,214)
```
#b57ddc
```
#b57ddc rgb(181,125,220)
```
#b676e3
```
#b676e3 rgb(182,118,227)
```
#b770e9
```
#b770e9 rgb(183,112,233)
```
#b86aef
```
#b86aef rgb(184,106,239)
```
#b963f6
```
#b963f6 rgb(185,99,246)
```
#ba5dfc
```
#ba5dfc rgb(186,93,252)
```

Tone Color Variation

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

#488cff Protanopia 1% of men
#3991ed Deuteranopia 1% of men
#a78790 Tritanopia 0.001% of the population

Trichromacy

#717bfd Protanomaly 1% of men, 0.01% of women
#687ef2 Deuteranomaly 6% of men, 0.4% of women
#ae78b7 Tritanomaly 0.01% of the population

#ba5dfc hex color

#ba5dfc Color Information

#ba5dfc Color Conversion

Color Schemes with #ba5dfc

Alternatives to #ba5dfc

#ba5dfc Preview

Shades and Tints of #ba5dfc

Tones of #ba5dfc

Color Blindness Simulator