#ba15f8 hex color

In a RGB color space, hex #ba15f8 is composed of 72.9% red, 8.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 91.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 283.6 degrees, a saturation of 94.2% and a lightness of 52.7%. #ba15f8 color hex could be obtained by blending #ff2aff with #7500f1. Closest websafe color is: #cc00ff.

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

● #ba15f8 color description : Vivid violet.

The hexadecimal color #ba15f8 has RGB values of R:186, G:21, B:248 and CMYK values of C:0.25, M:0.92, Y:0, K:0.03. Its decimal value is 12195320.

Hex triplet	ba15f8	`#ba15f8`
RGB Decimal	186, 21, 248	`rgb(186,21,248)`
RGB Percent	72.9, 8.2, 97.3	`rgb(72.9%,8.2%,97.3%)`
CMYK	25, 92, 0, 3
HSL	283.6°, 94.2, 52.7	`hsl(283.6,94.2%,52.7%)`
HSV (or HSB)	283.6°, 91.5, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.197, 85.566, -75.467
XYZ	37.459, 17.754, 90.255
xyY	0.258, 0.122, 17.754
CIE-LCH	49.197, 114.091, 318.589
CIE-LUV	49.197, 40.263, -121.657
Hunter-Lab	42.136, 84.951, -97.506
Binary	10111010, 00010101, 11111000

#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#53f815
```
#53f815 rgb(83,248,21)
```

Complementary Color

#4915f8
```
#4915f8 rgb(73,21,248)
```
#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#f815c5
```
#f815c5 rgb(248,21,197)
```

Analogous Color

#15f849
```
#15f849 rgb(21,248,73)
```
#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#c5f815
```
#c5f815 rgb(197,248,21)
```

Split Complementary Color

#15f8ba
```
#15f8ba rgb(21,248,186)
```
#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#f8ba15
```
#f8ba15 rgb(248,186,21)
```

Triadic Color

#1553f8
```
#1553f8 rgb(21,83,248)
```
#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#f8ba15
```
#f8ba15 rgb(248,186,21)
```
#53f815
```
#53f815 rgb(83,248,21)
```

Tetradic Color

#8906bb
```
#8906bb rgb(137,6,187)
```
#9c06d4
```
#9c06d4 rgb(156,6,212)
```
#ae07ec
```
#ae07ec rgb(174,7,236)
```
#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#c12ef9
```
#c12ef9 rgb(193,46,249)
```
#c947f9
```
#c947f9 rgb(201,71,249)
```
#d05ffa
```
#d05ffa rgb(208,95,250)
```

Monochromatic Color

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

#8115f8
```
#8115f8 rgb(129,21,248)
```
#9415f8
```
#9415f8 rgb(148,21,248)
```
#a715f8
```
#a715f8 rgb(167,21,248)
```
#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#cd15f8
```
#cd15f8 rgb(205,21,248)
```
#e015f8
```
#e015f8 rgb(224,21,248)
```
#f315f8
```
#f315f8 rgb(243,21,248)
```

Similar Colors

Text with hexadecimal color #ba15f8

This text has a font color of #ba15f8.

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

#ba15f8 background color

This paragraph has a background color of #ba15f8.

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

#ba15f8 border color

This element has a border color of #ba15f8.

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

CSS codes

.text {color:#ba15f8;}

.background {background-color:#ba15f8;}

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

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, #0a000e is the darkest color, while #fdfaff is the lightest one.

#0a000e
```
#0a000e rgb(10,0,14)
```
#180121
```
#180121 rgb(24,1,33)
```
#260234
```
#260234 rgb(38,2,52)
```
#340247
```
#340247 rgb(52,2,71)
```
#42035a
```
#42035a rgb(66,3,90)
```
#50036d
```
#50036d rgb(80,3,109)
```
#5e0480
```
#5e0480 rgb(94,4,128)
```
#6c0493
```
#6c0493 rgb(108,4,147)
```
#7a05a6
```
#7a05a6 rgb(122,5,166)
```
#8806b9
```
#8806b9 rgb(136,6,185)
```
#9606cc
```
#9606cc rgb(150,6,204)
```
#a407df
```
#a407df rgb(164,7,223)
```
#b207f2
```
#b207f2 rgb(178,7,242)
```

Shade Color Variation

#ba15f8
```
#ba15f8 rgb(186,21,248)
```
#c028f9
```
#c028f9 rgb(192,40,249)
```
#c53bf9
```
#c53bf9 rgb(197,59,249)
```
#cb4efa
```
#cb4efa rgb(203,78,250)
```
#d061fa
```
#d061fa rgb(208,97,250)
```
#d674fb
```
#d674fb rgb(214,116,251)
```
#dc87fb
```
#dc87fb rgb(220,135,251)
```
#e19afc
```
#e19afc rgb(225,154,252)
```
#e7adfd
```
#e7adfd rgb(231,173,253)
```
#edc0fd
```
#edc0fd rgb(237,192,253)
```
#f2d3fe
```
#f2d3fe rgb(242,211,254)
```
#f8e7fe
```
#f8e7fe rgb(248,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#888489
```
#888489 rgb(136,132,137)
```
#8c7b92
```
#8c7b92 rgb(140,123,146)
```
#90729b
```
#90729b rgb(144,114,155)
```
#9468a5
```
#9468a5 rgb(148,104,165)
```
#985fae
```
#985fae rgb(152,95,174)
```
#9d56b7
```
#9d56b7 rgb(157,86,183)
```
#a14dc0
```
#a14dc0 rgb(161,77,192)
```
#a543ca
```
#a543ca rgb(165,67,202)
```
#a93ad3
```
#a93ad3 rgb(169,58,211)
```
#ad31dc
```
#ad31dc rgb(173,49,220)
```
#b228e5
```
#b228e5 rgb(178,40,229)
```
#b61eef
```
#b61eef rgb(182,30,239)
```
#ba15f8
```
#ba15f8 rgb(186,21,248)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#72517e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#a56c73 Tritanopia 0.001% of the population

Trichromacy

#4354ef Protanomaly 1% of men, 0.01% of women
#4358de Deuteranomaly 6% of men, 0.4% of women
#ac4ca3 Tritanomaly 0.01% of the population

#ba15f8 hex color

#ba15f8 Color Information

#ba15f8 Color Conversion

Color Schemes with #ba15f8

Alternatives to #ba15f8

#ba15f8 Preview

Shades and Tints of #ba15f8

Tones of #ba15f8

Color Blindness Simulator