#ba5ffe hex color

In a RGB color space, hex #ba5ffe is composed of 72.9% red, 37.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 62.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 274.3 degrees, a saturation of 98.8% and a lightness of 68.4%. #ba5ffe color hex could be obtained by blending #ffbeff with #7500fd. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 37
- B 100
RGB color chart
- C 27
- M 63
- Y 0
- K 0
CMYK color chart

● #ba5ffe color description : Soft violet.

The hexadecimal color #ba5ffe has RGB values of R:186, G:95, B:254 and CMYK values of C:0.27, M:0.63, Y:0, K:0. Its decimal value is 12214270.

Hex triplet	ba5ffe	`#ba5ffe`
RGB Decimal	186, 95, 254	`rgb(186,95,254)`
RGB Percent	72.9, 37.3, 99.6	`rgb(72.9%,37.3%,99.6%)`
CMYK	27, 63, 0, 0
HSL	274.3°, 98.8, 68.4	`hsl(274.3,98.8%,68.4%)`
HSV (or HSB)	274.3°, 62.6, 99.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.828, 63.305, -64.83
XYZ	42.229, 25.78, 96.512
xyY	0.257, 0.157, 25.78
CIE-LCH	57.828, 90.611, 314.318
CIE-LUV	57.828, 28.014, -109.304
Hunter-Lab	50.774, 59.603, -77.157
Binary	10111010, 01011111, 11111110

#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#a3fe5f
```
#a3fe5f rgb(163,254,95)
```

Complementary Color

#6b5ffe
```
#6b5ffe rgb(107,95,254)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#fe5ff3
```
#fe5ff3 rgb(254,95,243)
```

Analogous Color

#5ffe6b
```
#5ffe6b rgb(95,254,107)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#f3fe5f
```
#f3fe5f rgb(243,254,95)
```

Split Complementary Color

#5ffeba
```
#5ffeba rgb(95,254,186)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#feba5f
```
#feba5f rgb(254,186,95)
```

Triadic Color

#5fa3fe
```
#5fa3fe rgb(95,163,254)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#feba5f
```
#feba5f rgb(254,186,95)
```
#a3fe5f
```
#a3fe5f rgb(163,254,95)
```

Tetradic Color

#9913fe
```
#9913fe rgb(153,19,254)
```
#a42cfe
```
#a42cfe rgb(164,44,254)
```
#af46fe
```
#af46fe rgb(175,70,254)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#c578fe
```
#c578fe rgb(197,120,254)
```
#d092fe
```
#d092fe rgb(208,146,254)
```
#dbabfe
```
#dbabfe rgb(219,171,254)
```

Monochromatic Color

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

#925ffe
```
#925ffe rgb(146,95,254)
```
#a05ffe
```
#a05ffe rgb(160,95,254)
```
#ad5ffe
```
#ad5ffe rgb(173,95,254)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#c75ffe
```
#c75ffe rgb(199,95,254)
```
#d55ffe
```
#d55ffe rgb(213,95,254)
```
#e25ffe
```
#e25ffe rgb(226,95,254)
```

Similar Colors

Text with hexadecimal color #ba5ffe

This text has a font color of #ba5ffe.

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

#ba5ffe background color

This paragraph has a background color of #ba5ffe.

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

#ba5ffe border color

This element has a border color of #ba5ffe.

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

CSS codes

.text {color:#ba5ffe;}

.background {background-color:#ba5ffe;}

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

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, #09000f is the darkest color, while #fdfbff is the lightest one.

#09000f
```
#09000f rgb(9,0,15)
```
#140023
```
#140023 rgb(20,0,35)
```
#1f0036
```
#1f0036 rgb(31,0,54)
```
#2b004a
```
#2b004a rgb(43,0,74)
```
#36015d
```
#36015d rgb(54,1,93)
```
#410171
```
#410171 rgb(65,1,113)
```
#4c0184
```
#4c0184 rgb(76,1,132)
```
#570198
```
#570198 rgb(87,1,152)
```
#6301ab
```
#6301ab rgb(99,1,171)
```
#6e01bf
```
#6e01bf rgb(110,1,191)
```
#7901d2
```
#7901d2 rgb(121,1,210)
```
#8401e6
```
#8401e6 rgb(132,1,230)
```
#8f02f9
```
#8f02f9 rgb(143,2,249)
```

Shade Color Variation

#9811fe
```
#9811fe rgb(152,17,254)
```
#a125fe
```
#a125fe rgb(161,37,254)
```
#a938fe
```
#a938fe rgb(169,56,254)
```
#b24cfe
```
#b24cfe rgb(178,76,254)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```
#c272fe
```
#c272fe rgb(194,114,254)
```
#cb86fe
```
#cb86fe rgb(203,134,254)
```
#d399fe
```
#d399fe rgb(211,153,254)
```
#dcadfe
```
#dcadfe rgb(220,173,254)
```
#e4c0ff
```
#e4c0ff rgb(228,192,255)
```
#ecd4ff
```
#ecd4ff rgb(236,212,255)
```
#f5e7ff
```
#f5e7ff rgb(245,231,255)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#afa9b4
```
#afa9b4 rgb(175,169,180)
```
#b0a3ba
```
#b0a3ba rgb(176,163,186)
```
#b19dc0
```
#b19dc0 rgb(177,157,192)
```
#b297c6
```
#b297c6 rgb(178,151,198)
```
#b391cc
```
#b391cc rgb(179,145,204)
```
#b48ad3
```
#b48ad3 rgb(180,138,211)
```
#b584d9
```
#b584d9 rgb(181,132,217)
```
#b67edf
```
#b67edf rgb(182,126,223)
```
#b678e5
```
#b678e5 rgb(182,120,229)
```
#b772eb
```
#b772eb rgb(183,114,235)
```
#b86bf2
```
#b86bf2 rgb(184,107,242)
```
#b965f8
```
#b965f8 rgb(185,101,248)
```
#ba5ffe
```
#ba5ffe rgb(186,95,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9583a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#3992ef Deuteranopia 1% of men
#a78992 Tritanopia 0.001% of the population

Trichromacy

#747cfe Protanomaly 1% of men, 0.01% of women
#687ff4 Deuteranomaly 6% of men, 0.4% of women
#ae79b9 Tritanomaly 0.01% of the population

#ba5ffe hex color

#ba5ffe Color Information

#ba5ffe Color Conversion

Color Schemes with #ba5ffe

Alternatives to #ba5ffe

#ba5ffe Preview

Shades and Tints of #ba5ffe

Tones of #ba5ffe

Color Blindness Simulator