#ba5bf8 hex color

In a RGB color space, hex #ba5bf8 is composed of 72.9% red, 35.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 63.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 276.3 degrees, a saturation of 91.8% and a lightness of 66.5%. #ba5bf8 color hex could be obtained by blending #ffb6ff with #7500f1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 36
- B 97
RGB color chart
- C 25
- M 63
- Y 0
- K 3
CMYK color chart

● #ba5bf8 color description : Soft violet.

The hexadecimal color #ba5bf8 has RGB values of R:186, G:91, B:248 and CMYK values of C:0.25, M:0.63, Y:0, K:0.03. Its decimal value is 12213240.

Hex triplet	ba5bf8	`#ba5bf8`
RGB Decimal	186, 91, 248	`rgb(186,91,248)`
RGB Percent	72.9, 35.7, 97.3	`rgb(72.9%,35.7%,97.3%)`
CMYK	25, 63, 0, 3
HSL	276.3°, 91.8, 66.5	`hsl(276.3,91.8%,66.5%)`
HSV (or HSB)	276.3°, 63.3, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.781, 63.868, -63.189
XYZ	40.932, 24.7, 91.413
xyY	0.261, 0.157, 24.7
CIE-LCH	56.781, 89.844, 315.306
CIE-LUV	56.781, 30.224, -106.392
Hunter-Lab	49.699, 60.039, -74.266
Binary	10111010, 01011011, 11111000

#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#99f85b
```
#99f85b rgb(153,248,91)
```

Complementary Color

#6c5bf8
```
#6c5bf8 rgb(108,91,248)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#f85be8
```
#f85be8 rgb(248,91,232)
```

Analogous Color

#5bf86c
```
#5bf86c rgb(91,248,108)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#e8f85b
```
#e8f85b rgb(232,248,91)
```

Split Complementary Color

#5bf8ba
```
#5bf8ba rgb(91,248,186)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#f8ba5b
```
#f8ba5b rgb(248,186,91)
```

Triadic Color

#5b99f8
```
#5b99f8 rgb(91,153,248)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#f8ba5b
```
#f8ba5b rgb(248,186,91)
```
#99f85b
```
#99f85b rgb(153,248,91)
```

Tetradic Color

#9b12f5
```
#9b12f5 rgb(155,18,245)
```
#a52af6
```
#a52af6 rgb(165,42,246)
```
#b043f7
```
#b043f7 rgb(176,67,247)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#c473f9
```
#c473f9 rgb(196,115,249)
```
#cf8cfa
```
#cf8cfa rgb(207,140,250)
```
#d9a4fb
```
#d9a4fb rgb(217,164,251)
```

Monochromatic Color

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

#935bf8
```
#935bf8 rgb(147,91,248)
```
#a05bf8
```
#a05bf8 rgb(160,91,248)
```
#ad5bf8
```
#ad5bf8 rgb(173,91,248)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#c75bf8
```
#c75bf8 rgb(199,91,248)
```
#d45bf8
```
#d45bf8 rgb(212,91,248)
```
#e15bf8
```
#e15bf8 rgb(225,91,248)
```

Similar Colors

Text with hexadecimal color #ba5bf8

This text has a font color of #ba5bf8.

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

#ba5bf8 background color

This paragraph has a background color of #ba5bf8.

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

#ba5bf8 border color

This element has a border color of #ba5bf8.

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

CSS codes

.text {color:#ba5bf8;}

.background {background-color:#ba5bf8;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0f0118
```
#0f0118 rgb(15,1,24)
```
#1b022b
```
#1b022b rgb(27,2,43)
```
#26033e
```
#26033e rgb(38,3,62)
```
#320351
```
#320351 rgb(50,3,81)
```
#3e0463
```
#3e0463 rgb(62,4,99)
```
#4a0576
```
#4a0576 rgb(74,5,118)
```
#550689
```
#550689 rgb(85,6,137)
```
#61079c
```
#61079c rgb(97,7,156)
```
#6d07af
```
#6d07af rgb(109,7,175)
```
#7808c1
```
#7808c1 rgb(120,8,193)
```
#8409d4
```
#8409d4 rgb(132,9,212)
```
#900ae7
```
#900ae7 rgb(144,10,231)
```

Shade Color Variation

#9a10f5
```
#9a10f5 rgb(154,16,245)
```
#a223f6
```
#a223f6 rgb(162,35,246)
```
#aa35f6
```
#aa35f6 rgb(170,53,246)
```
#b248f7
```
#b248f7 rgb(178,72,247)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#c26ef9
```
#c26ef9 rgb(194,110,249)
```
#ca81fa
```
#ca81fa rgb(202,129,250)
```
#d293fa
```
#d293fa rgb(210,147,250)
```
#daa6fb
```
#daa6fb rgb(218,166,251)
```
#e2b9fc
```
#e2b9fc rgb(226,185,252)
```
#e9ccfd
```
#e9ccfd rgb(233,204,253)
```
#f1dffe
```
#f1dffe rgb(241,223,254)
```
#f9f1fe
```
#f9f1fe rgb(249,241,254)
```

Tint Color Variation

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

#aba3b0
```
#aba3b0 rgb(171,163,176)
```
#ac9db6
```
#ac9db6 rgb(172,157,182)
```
#ae96bd
```
#ae96bd rgb(174,150,189)
```
#af90c3
```
#af90c3 rgb(175,144,195)
```
#b089ca
```
#b089ca rgb(176,137,202)
```
#b282d1
```
#b282d1 rgb(178,130,209)
```
#b37cd7
```
#b37cd7 rgb(179,124,215)
```
#b475de
```
#b475de rgb(180,117,222)
```
#b66fe4
```
#b66fe4 rgb(182,111,228)
```
#b768eb
```
#b768eb rgb(183,104,235)
```
#b962f1
```
#b962f1 rgb(185,98,241)
```
#ba5bf8
```
#ba5bf8 rgb(186,91,248)
```
#bb54ff
```
#bb54ff rgb(187,84,255)
```

Tone Color Variation

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

Dichromacy

#438aff Protanopia 1% of men
#3d90e9 Deuteranopia 1% of men
#a8858e Tritanopia 0.001% of the population

Trichromacy

#6e79fc Protanomaly 1% of men, 0.01% of women
#6b7cee Deuteranomaly 6% of men, 0.4% of women
#ae75b4 Tritanomaly 0.01% of the population

#ba5bf8 hex color

#ba5bf8 Color Information

#ba5bf8 Color Conversion

Color Schemes with #ba5bf8

Alternatives to #ba5bf8

#ba5bf8 Preview

Shades and Tints of #ba5bf8

Tones of #ba5bf8

Color Blindness Simulator