#ba5fdf hex color

In a RGB color space, hex #ba5fdf is composed of 72.9% red, 37.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 57.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 282.7 degrees, a saturation of 66.7% and a lightness of 62.4%. #ba5fdf color hex could be obtained by blending #ffbeff with #7500bf. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 37
- B 87
RGB color chart
- C 17
- M 57
- Y 0
- K 13
CMYK color chart

● #ba5fdf color description : Soft violet.

The hexadecimal color #ba5fdf has RGB values of R:186, G:95, B:223 and CMYK values of C:0.17, M:0.57, Y:0, K:0.13. Its decimal value is 12214239.

Hex triplet	ba5fdf	`#ba5fdf`
RGB Decimal	186, 95, 223	`rgb(186,95,223)`
RGB Percent	72.9, 37.3, 87.5	`rgb(72.9%,37.3%,87.5%)`
CMYK	17, 57, 0, 13
HSL	282.7°, 66.7, 62.4	`hsl(282.7,66.7%,62.4%)`
HSV (or HSB)	282.7°, 57.4, 87.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.04, 56.721, -50.396
XYZ	37.659, 23.952, 72.448
xyY	0.281, 0.179, 23.952
CIE-LCH	56.04, 75.875, 318.379
CIE-LUV	56.04, 34.52, -85.533
Hunter-Lab	48.941, 51.706, -53.508
Binary	10111010, 01011111, 11011111

#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#84df5f
```
#84df5f rgb(132,223,95)
```

Complementary Color

#7a5fdf
```
#7a5fdf rgb(122,95,223)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#df5fc4
```
#df5fc4 rgb(223,95,196)
```

Analogous Color

#5fdf7a
```
#5fdf7a rgb(95,223,122)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#c4df5f
```
#c4df5f rgb(196,223,95)
```

Split Complementary Color

#5fdfba
```
#5fdfba rgb(95,223,186)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#dfba5f
```
#dfba5f rgb(223,186,95)
```

Triadic Color

#5f84df
```
#5f84df rgb(95,132,223)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#dfba5f
```
#dfba5f rgb(223,186,95)
```
#84df5f
```
#84df5f rgb(132,223,95)
```

Tetradic Color

#9b28c9
```
#9b28c9 rgb(155,40,201)
```
#a835d7
```
#a835d7 rgb(168,53,215)
```
#b14adb
```
#b14adb rgb(177,74,219)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#c374e3
```
#c374e3 rgb(195,116,227)
```
#cc8ae8
```
#cc8ae8 rgb(204,138,232)
```
#d59fec
```
#d59fec rgb(213,159,236)
```

Monochromatic Color

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

#9a5fdf
```
#9a5fdf rgb(154,95,223)
```
#a55fdf
```
#a55fdf rgb(165,95,223)
```
#af5fdf
```
#af5fdf rgb(175,95,223)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#c55fdf
```
#c55fdf rgb(197,95,223)
```
#cf5fdf
```
#cf5fdf rgb(207,95,223)
```
#da5fdf
```
#da5fdf rgb(218,95,223)
```

Similar Colors

Text with hexadecimal color #ba5fdf

This text has a font color of #ba5fdf.

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

#ba5fdf background color

This paragraph has a background color of #ba5fdf.

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

#ba5fdf border color

This element has a border color of #ba5fdf.

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

CSS codes

.text {color:#ba5fdf;}

.background {background-color:#ba5fdf;}

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

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, #030103 is the darkest color, while #f9f2fc is the lightest one.

#030103
```
#030103 rgb(3,1,3)
```
#0f0414
```
#0f0414 rgb(15,4,20)
```
#1c0724
```
#1c0724 rgb(28,7,36)
```
#280b35
```
#280b35 rgb(40,11,53)
```
#350e45
```
#350e45 rgb(53,14,69)
```
#411155
```
#411155 rgb(65,17,85)
```
#4e1466
```
#4e1466 rgb(78,20,102)
```
#5b1876
```
#5b1876 rgb(91,24,118)
```
#671b86
```
#671b86 rgb(103,27,134)
```
#741e97
```
#741e97 rgb(116,30,151)
```
#8021a7
```
#8021a7 rgb(128,33,167)
```
#8d25b7
```
#8d25b7 rgb(141,37,183)
```
#9928c8
```
#9928c8 rgb(153,40,200)
```

Shade Color Variation

#a52ed5
```
#a52ed5 rgb(165,46,213)
```
#ac3ed8
```
#ac3ed8 rgb(172,62,216)
```
#b34fdc
```
#b34fdc rgb(179,79,220)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#c16fe2
```
#c16fe2 rgb(193,111,226)
```
#c880e6
```
#c880e6 rgb(200,128,230)
```
#cf90e9
```
#cf90e9 rgb(207,144,233)
```
#d6a0ec
```
#d6a0ec rgb(214,160,236)
```
#ddb1ef
```
#ddb1ef rgb(221,177,239)
```
#e4c1f3
```
#e4c1f3 rgb(228,193,243)
```
#ebd1f6
```
#ebd1f6 rgb(235,209,246)
```
#f2e2f9
```
#f2e2f9 rgb(242,226,249)
```
#f9f2fc
```
#f9f2fc rgb(249,242,252)
```

Tint Color Variation

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

#a19aa4
```
#a19aa4 rgb(161,154,164)
```
#a493ab
```
#a493ab rgb(164,147,171)
```
#a78bb3
```
#a78bb3 rgb(167,139,179)
```
#aa84ba
```
#aa84ba rgb(170,132,186)
```
#ae7dc1
```
#ae7dc1 rgb(174,125,193)
```
#b175c9
```
#b175c9 rgb(177,117,201)
```
#b46ed0
```
#b46ed0 rgb(180,110,208)
```
#b766d8
```
#b766d8 rgb(183,102,216)
```
#ba5fdf
```
#ba5fdf rgb(186,95,223)
```
#bd58e6
```
#bd58e6 rgb(189,88,230)
```
#c050ee
```
#c050ee rgb(192,80,238)
```
#c349f5
```
#c349f5 rgb(195,73,245)
```
#c641fd
```
#c641fd rgb(198,65,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#93819a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4488fc Protanopia 1% of men
#618cd4 Deuteranopia 1% of men
#ae8089 Tritanopia 0.001% of the population

Trichromacy

#6e79f1 Protanomaly 1% of men, 0.01% of women
#817cd8 Deuteranomaly 6% of men, 0.4% of women
#b274a8 Tritanomaly 0.01% of the population

#ba5fdf hex color

#ba5fdf Color Information

#ba5fdf Color Conversion

Color Schemes with #ba5fdf

Alternatives to #ba5fdf

#ba5fdf Preview

Shades and Tints of #ba5fdf

Tones of #ba5fdf

Color Blindness Simulator