#ba15f6 hex color

In a RGB color space, hex #ba15f6 is composed of 72.9% red, 8.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 91.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 284 degrees, a saturation of 92.6% and a lightness of 52.4%. #ba15f6 color hex could be obtained by blending #ff2aff with #7500ed. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 8
- B 96
RGB color chart
- C 24
- M 91
- Y 0
- K 4
CMYK color chart

● #ba15f6 color description : Vivid violet.

The hexadecimal color #ba15f6 has RGB values of R:186, G:21, B:246 and CMYK values of C:0.24, M:0.91, Y:0, K:0.04. Its decimal value is 12195318.

Hex triplet	ba15f6	`#ba15f6`
RGB Decimal	186, 21, 246	`rgb(186,21,246)`
RGB Percent	72.9, 8.2, 96.5	`rgb(72.9%,8.2%,96.5%)`
CMYK	24, 91, 0, 4
HSL	284°, 92.6, 52.4	`hsl(284,92.6%,52.4%)`
HSV (or HSB)	284°, 91.5, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.045, 85.21, -74.593
XYZ	37.15, 17.631, 88.63
xyY	0.259, 0.123, 17.631
CIE-LCH	49.045, 113.247, 318.801
CIE-LUV	49.045, 40.813, -120.332
Hunter-Lab	41.989, 84.45, -95.757
Binary	10111010, 00010101, 11110110

#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#51f615
```
#51f615 rgb(81,246,21)
```

Complementary Color

#4a15f6
```
#4a15f6 rgb(74,21,246)
```
#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#f615c2
```
#f615c2 rgb(246,21,194)
```

Analogous Color

#15f64a
```
#15f64a rgb(21,246,74)
```
#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#c2f615
```
#c2f615 rgb(194,246,21)
```

Split Complementary Color

#15f6ba
```
#15f6ba rgb(21,246,186)
```
#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#f6ba15
```
#f6ba15 rgb(246,186,21)
```

Triadic Color

#1551f6
```
#1551f6 rgb(21,81,246)
```
#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#f6ba15
```
#f6ba15 rgb(246,186,21)
```
#51f615
```
#51f615 rgb(81,246,21)
```

Tetradic Color

#8807b7
```
#8807b7 rgb(136,7,183)
```
#9b08d0
```
#9b08d0 rgb(155,8,208)
```
#ad09e9
```
#ad09e9 rgb(173,9,233)
```
#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#c12ef7
```
#c12ef7 rgb(193,46,247)
```
#c846f8
```
#c846f8 rgb(200,70,248)
```
#d05ff9
```
#d05ff9 rgb(208,95,249)
```

Monochromatic Color

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

#8215f6
```
#8215f6 rgb(130,21,246)
```
#9515f6
```
#9515f6 rgb(149,21,246)
```
#a715f6
```
#a715f6 rgb(167,21,246)
```
#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#cd15f6
```
#cd15f6 rgb(205,21,246)
```
#e015f6
```
#e015f6 rgb(224,21,246)
```
#f215f6
```
#f215f6 rgb(242,21,246)
```

Similar Colors

Text with hexadecimal color #ba15f6

This text has a font color of #ba15f6.

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

#ba15f6 background color

This paragraph has a background color of #ba15f6.

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

#ba15f6 border color

This element has a border color of #ba15f6.

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

CSS codes

.text {color:#ba15f6;}

.background {background-color:#ba15f6;}

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

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

#09000c
```
#09000c rgb(9,0,12)
```
#17011e
```
#17011e rgb(23,1,30)
```
#250231
```
#250231 rgb(37,2,49)
```
#330344
```
#330344 rgb(51,3,68)
```
#410357
```
#410357 rgb(65,3,87)
```
#4f046a
```
#4f046a rgb(79,4,106)
```
#5d057d
```
#5d057d rgb(93,5,125)
```
#6b0690
```
#6b0690 rgb(107,6,144)
```
#7906a3
```
#7906a3 rgb(121,6,163)
```
#8707b6
```
#8707b6 rgb(135,7,182)
```
#9508c8
```
#9508c8 rgb(149,8,200)
```
#a308db
```
#a308db rgb(163,8,219)
```
#b109ee
```
#b109ee rgb(177,9,238)
```

Shade Color Variation

#ba15f6
```
#ba15f6 rgb(186,21,246)
```
#c028f7
```
#c028f7 rgb(192,40,247)
```
#c53bf7
```
#c53bf7 rgb(197,59,247)
```
#cb4ef8
```
#cb4ef8 rgb(203,78,248)
```
#d061f9
```
#d061f9 rgb(208,97,249)
```
#d673fa
```
#d673fa rgb(214,115,250)
```
#db86fa
```
#db86fa rgb(219,134,250)
```
#e199fb
```
#e199fb rgb(225,153,251)
```
#e7acfc
```
#e7acfc rgb(231,172,252)
```
#ecbffd
```
#ecbffd rgb(236,191,253)
```
#f2d2fd
```
#f2d2fd rgb(242,210,253)
```
#f7e5fe
```
#f7e5fe rgb(247,229,254)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#868586
```
#868586 rgb(134,133,134)
```
#8a7c8f
```
#8a7c8f rgb(138,124,143)
```
#8e7299
```
#8e7299 rgb(142,114,153)
```
#9369a2
```
#9369a2 rgb(147,105,162)
```
#9760ab
```
#9760ab rgb(151,96,171)
```
#9b56b5
```
#9b56b5 rgb(155,86,181)
```
#a04dbe
```
#a04dbe rgb(160,77,190)
```
#a444c7
```
#a444c7 rgb(164,68,199)
```
#a93ad1
```
#a93ad1 rgb(169,58,209)
```
#ad31da
```
#ad31da rgb(173,49,218)
```
#b128e3
```
#b128e3 rgb(177,40,227)
```
#b61eed
```
#b61eed rgb(182,30,237)
```
#ba15f6
```
#ba15f6 rgb(186,21,246)
```

Tone Color Variation

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

#0078e9 Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#a56b72 Tritanopia 0.001% of the population

Trichromacy

#4354ee Protanomaly 1% of men, 0.01% of women
#4357dd Deuteranomaly 6% of men, 0.4% of women
#ad4ca2 Tritanomaly 0.01% of the population

#ba15f6 hex color

#ba15f6 Color Information

#ba15f6 Color Conversion

Color Schemes with #ba15f6

Alternatives to #ba15f6

#ba15f6 Preview

Shades and Tints of #ba15f6

Tones of #ba15f6

Color Blindness Simulator