#ba5cfd hex color

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

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

● #ba5cfd color description : Soft violet.

The hexadecimal color #ba5cfd has RGB values of R:186, G:92, B:253 and CMYK values of C:0.26, M:0.64, Y:0, K:0.01. Its decimal value is 12213501.

Hex triplet	ba5cfd	`#ba5cfd`
RGB Decimal	186, 92, 253	`rgb(186,92,253)`
RGB Percent	72.9, 36.1, 99.2	`rgb(72.9%,36.1%,99.2%)`
CMYK	26, 64, 0, 1
HSL	275°, 97.6, 67.6	`hsl(275,97.6%,67.6%)`
HSV (or HSB)	275°, 63.6, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.256, 64.484, -65.196
XYZ	41.804, 25.186, 95.582
xyY	0.257, 0.155, 25.186
CIE-LCH	57.256, 91.699, 314.685
CIE-LUV	57.256, 28.95, -109.731
Hunter-Lab	50.186, 60.862, -77.792
Binary	10111010, 01011100, 11111101

#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#9ffd5c
```
#9ffd5c rgb(159,253,92)
```

Complementary Color

#6a5cfd
```
#6a5cfd rgb(106,92,253)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#fd5cf0
```
#fd5cf0 rgb(253,92,240)
```

Analogous Color

#5cfd6a
```
#5cfd6a rgb(92,253,106)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#f0fd5c
```
#f0fd5c rgb(240,253,92)
```

Split Complementary Color

#5cfdba
```
#5cfdba rgb(92,253,186)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#fdba5c
```
#fdba5c rgb(253,186,92)
```

Triadic Color

#5c9ffd
```
#5c9ffd rgb(92,159,253)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#fdba5c
```
#fdba5c rgb(253,186,92)
```
#9ffd5c
```
#9ffd5c rgb(159,253,92)
```

Tetradic Color

#9a10fc
```
#9a10fc rgb(154,16,252)
```
#a52afc
```
#a52afc rgb(165,42,252)
```
#af43fd
```
#af43fd rgb(175,67,253)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#c575fd
```
#c575fd rgb(197,117,253)
```
#cf8efe
```
#cf8efe rgb(207,142,254)
```
#daa8fe
```
#daa8fe rgb(218,168,254)
```

Monochromatic Color

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

#925cfd
```
#925cfd rgb(146,92,253)
```
#9f5cfd
```
#9f5cfd rgb(159,92,253)
```
#ad5cfd
```
#ad5cfd rgb(173,92,253)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#c75cfd
```
#c75cfd rgb(199,92,253)
```
#d55cfd
```
#d55cfd rgb(213,92,253)
```
#e25cfd
```
#e25cfd rgb(226,92,253)
```

Similar Colors

Text with hexadecimal color #ba5cfd

This text has a font color of #ba5cfd.

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

#ba5cfd background color

This paragraph has a background color of #ba5cfd.

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

#ba5cfd border color

This element has a border color of #ba5cfd.

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

CSS codes

.text {color:#ba5cfd;}

.background {background-color:#ba5cfd;}

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

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)
```
#1e0132
```
#1e0132 rgb(30,1,50)
```
#290146
```
#290146 rgb(41,1,70)
```
#340159
```
#340159 rgb(52,1,89)
```
#40016c
```
#40016c rgb(64,1,108)
```
#4b0280
```
#4b0280 rgb(75,2,128)
```
#570293
```
#570293 rgb(87,2,147)
```
#6202a6
```
#6202a6 rgb(98,2,166)
```
#6d02ba
```
#6d02ba rgb(109,2,186)
```
#7903cd
```
#7903cd rgb(121,3,205)
```
#8403e1
```
#8403e1 rgb(132,3,225)
```
#9003f4
```
#9003f4 rgb(144,3,244)
```

Shade Color Variation

#990efc
```
#990efc rgb(153,14,252)
```
#a122fc
```
#a122fc rgb(161,34,252)
```
#aa35fd
```
#aa35fd rgb(170,53,253)
```
#b249fd
```
#b249fd rgb(178,73,253)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```
#c26ffd
```
#c26ffd rgb(194,111,253)
```
#ca83fd
```
#ca83fd rgb(202,131,253)
```
#d396fe
```
#d396fe rgb(211,150,254)
```
#dbaafe
```
#dbaafe rgb(219,170,254)
```
#e3bdfe
```
#e3bdfe rgb(227,189,254)
```
#ebd0fe
```
#ebd0fe rgb(235,208,254)
```
#f3e4ff
```
#f3e4ff rgb(243,228,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#ada8b1
```
#ada8b1 rgb(173,168,177)
```
#aea2b7
```
#aea2b7 rgb(174,162,183)
```
#af9bbe
```
#af9bbe rgb(175,155,190)
```
#b095c4
```
#b095c4 rgb(176,149,196)
```
#b18fca
```
#b18fca rgb(177,143,202)
```
#b388d1
```
#b388d1 rgb(179,136,209)
```
#b482d7
```
#b482d7 rgb(180,130,215)
```
#b57cdd
```
#b57cdd rgb(181,124,221)
```
#b675e4
```
#b675e4 rgb(182,117,228)
```
#b76fea
```
#b76fea rgb(183,111,234)
```
#b869f0
```
#b869f0 rgb(184,105,240)
```
#b962f7
```
#b962f7 rgb(185,98,247)
```
#ba5cfd
```
#ba5cfd rgb(186,92,253)
```

Tone Color Variation

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

#478bff Protanopia 1% of men
#3591ed Deuteranopia 1% of men
#a78790 Tritanopia 0.001% of the population

Trichromacy

#717afe Protanomaly 1% of men, 0.01% of women
#657df3 Deuteranomaly 6% of men, 0.4% of women
#ae77b8 Tritanomaly 0.01% of the population

#ba5cfd hex color

#ba5cfd Color Information

#ba5cfd Color Conversion

Color Schemes with #ba5cfd

Alternatives to #ba5cfd

#ba5cfd Preview

Shades and Tints of #ba5cfd

Tones of #ba5cfd

Color Blindness Simulator