#ba5ff1 hex color

In a RGB color space, hex #ba5ff1 is composed of 72.9% red, 37.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 60.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 277.4 degrees, a saturation of 83.9% and a lightness of 65.9%. #ba5ff1 color hex could be obtained by blending #ffbeff with #7500e3. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 37
- B 95
RGB color chart
- C 23
- M 61
- Y 0
- K 5
CMYK color chart

● #ba5ff1 color description : Soft violet.

The hexadecimal color #ba5ff1 has RGB values of R:186, G:95, B:241 and CMYK values of C:0.23, M:0.61, Y:0, K:0.05. Its decimal value is 12214257.

Hex triplet	ba5ff1	`#ba5ff1`
RGB Decimal	186, 95, 241	`rgb(186,95,241)`
RGB Percent	72.9, 37.3, 94.5	`rgb(72.9%,37.3%,94.5%)`
CMYK	23, 61, 0, 5
HSL	277.4°, 83.9, 65.9	`hsl(277.4,83.9%,65.9%)`
HSV (or HSB)	277.4°, 60.6, 94.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.051, 60.493, -58.863
XYZ	40.217, 24.975, 85.916
xyY	0.266, 0.165, 24.975
CIE-LCH	57.051, 84.406, 315.782
CIE-LUV	57.051, 30.656, -99.488
Hunter-Lab	49.975, 56.188, -66.947
Binary	10111010, 01011111, 11110001

#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#96f15f
```
#96f15f rgb(150,241,95)
```

Complementary Color

#715ff1
```
#715ff1 rgb(113,95,241)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#f15fdf
```
#f15fdf rgb(241,95,223)
```

Analogous Color

#5ff171
```
#5ff171 rgb(95,241,113)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#dff15f
```
#dff15f rgb(223,241,95)
```

Split Complementary Color

#5ff1ba
```
#5ff1ba rgb(95,241,186)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#f1ba5f
```
#f1ba5f rgb(241,186,95)
```

Triadic Color

#5f96f1
```
#5f96f1 rgb(95,150,241)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#f1ba5f
```
#f1ba5f rgb(241,186,95)
```
#96f15f
```
#96f15f rgb(150,241,95)
```

Tetradic Color

#9c19eb
```
#9c19eb rgb(156,25,235)
```
#a630ed
```
#a630ed rgb(166,48,237)
```
#b048ef
```
#b048ef rgb(176,72,239)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#c476f3
```
#c476f3 rgb(196,118,243)
```
#ce8ef5
```
#ce8ef5 rgb(206,142,245)
```
#d8a5f7
```
#d8a5f7 rgb(216,165,247)
```

Monochromatic Color

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

#965ff1
```
#965ff1 rgb(150,95,241)
```
#a25ff1
```
#a25ff1 rgb(162,95,241)
```
#ae5ff1
```
#ae5ff1 rgb(174,95,241)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#c65ff1
```
#c65ff1 rgb(198,95,241)
```
#d25ff1
```
#d25ff1 rgb(210,95,241)
```
#df5ff1
```
#df5ff1 rgb(223,95,241)
```

Similar Colors

Text with hexadecimal color #ba5ff1

This text has a font color of #ba5ff1.

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

#ba5ff1 background color

This paragraph has a background color of #ba5ff1.

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

#ba5ff1 border color

This element has a border color of #ba5ff1.

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

CSS codes

.text {color:#ba5ff1;}

.background {background-color:#ba5ff1;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0d0214
```
#0d0214 rgb(13,2,20)
```
#190326
```
#190326 rgb(25,3,38)
```
#250538
```
#250538 rgb(37,5,56)
```
#31074a
```
#31074a rgb(49,7,74)
```
#3d085d
```
#3d085d rgb(61,8,93)
```
#490a6f
```
#490a6f rgb(73,10,111)
```
#540b81
```
#540b81 rgb(84,11,129)
```
#600d93
```
#600d93 rgb(96,13,147)
```
#6c0ea5
```
#6c0ea5 rgb(108,14,165)
```
#7810b7
```
#7810b7 rgb(120,16,183)
```
#8412c9
```
#8412c9 rgb(132,18,201)
```
#9013db
```
#9013db rgb(144,19,219)
```

Shade Color Variation

#9b17eb
```
#9b17eb rgb(155,23,235)
```
#a329ec
```
#a329ec rgb(163,41,236)
```
#aa3bee
```
#aa3bee rgb(170,59,238)
```
#b24def
```
#b24def rgb(178,77,239)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#c271f3
```
#c271f3 rgb(194,113,243)
```
#ca83f4
```
#ca83f4 rgb(202,131,244)
```
#d195f6
```
#d195f6 rgb(209,149,246)
```
#d9a7f7
```
#d9a7f7 rgb(217,167,247)
```
#e1b9f9
```
#e1b9f9 rgb(225,185,249)
```
#e9cbfa
```
#e9cbfa rgb(233,203,250)
```
#f0ddfc
```
#f0ddfc rgb(240,221,252)
```
#f8effe
```
#f8effe rgb(248,239,254)
```

Tint Color Variation

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

#a9a2ae
```
#a9a2ae rgb(169,162,174)
```
#ab9bb5
```
#ab9bb5 rgb(171,155,181)
```
#ad95bb
```
#ad95bb rgb(173,149,187)
```
#ae8ec2
```
#ae8ec2 rgb(174,142,194)
```
#b087c9
```
#b087c9 rgb(176,135,201)
```
#b280d0
```
#b280d0 rgb(178,128,208)
```
#b37ad6
```
#b37ad6 rgb(179,122,214)
```
#b573dd
```
#b573dd rgb(181,115,221)
```
#b76ce4
```
#b76ce4 rgb(183,108,228)
```
#b866ea
```
#b866ea rgb(184,102,234)
```
#ba5ff1
```
#ba5ff1 rgb(186,95,241)
```
#bc58f8
```
#bc58f8 rgb(188,88,248)
```
#bd52fe
```
#bd52fe rgb(189,82,254)
```

Tone Color Variation

Below, you can see how #ba5ff1 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
#94829f Atypical Achromatopsia 0.001% of the population

Dichromacy

#468bff Protanopia 1% of men
#4e90e4 Deuteranopia 1% of men
#aa858e Tritanopia 0.001% of the population

Trichromacy

#707bf9 Protanomaly 1% of men, 0.01% of women
#757ee8 Deuteranomaly 6% of men, 0.4% of women
#b077b2 Tritanomaly 0.01% of the population

#ba5ff1 hex color

#ba5ff1 Color Information

#ba5ff1 Color Conversion

Color Schemes with #ba5ff1

Alternatives to #ba5ff1

#ba5ff1 Preview

Shades and Tints of #ba5ff1

Tones of #ba5ff1

Color Blindness Simulator