#ba15e2 hex color

In a RGB color space, hex #ba15e2 is composed of 72.9% red, 8.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 90.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 288.3 degrees, a saturation of 83% and a lightness of 48.4%. #ba15e2 color hex could be obtained by blending #ff2aff with #7500c5. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 8
- B 89
RGB color chart
- C 18
- M 91
- Y 0
- K 11
CMYK color chart

● #ba15e2 color description : Vivid magenta.

The hexadecimal color #ba15e2 has RGB values of R:186, G:21, B:226 and CMYK values of C:0.18, M:0.91, Y:0, K:0.11. Its decimal value is 12195298.

Hex triplet	ba15e2	`#ba15e2`
RGB Decimal	186, 21, 226	`rgb(186,21,226)`
RGB Percent	72.9, 8.2, 88.6	`rgb(72.9%,8.2%,88.6%)`
CMYK	18, 91, 0, 11
HSL	288.3°, 83, 48.4	`hsl(288.3,83%,48.4%)`
HSV (or HSB)	288.3°, 90.7, 88.6
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.583, 81.719, -65.677
XYZ	34.244, 16.468, 73.322
xyY	0.276, 0.133, 16.468
CIE-LCH	47.583, 104.841, 321.211
CIE-LUV	47.583, 46.664, -106.79
Hunter-Lab	40.581, 79.609, -78.72
Binary	10111010, 00010101, 11100010

#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#3de215
```
#3de215 rgb(61,226,21)
```

Complementary Color

#5415e2
```
#5415e2 rgb(84,21,226)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#e215a4
```
#e215a4 rgb(226,21,164)
```

Analogous Color

#15e253
```
#15e253 rgb(21,226,83)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#a4e215
```
#a4e215 rgb(164,226,21)
```

Split Complementary Color

#15e2ba
```
#15e2ba rgb(21,226,186)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#e2ba15
```
#e2ba15 rgb(226,186,21)
```

Triadic Color

#153de2
```
#153de2 rgb(21,61,226)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#e2ba15
```
#e2ba15 rgb(226,186,21)
```
#3de215
```
#3de215 rgb(61,226,21)
```

Tetradic Color

#800e9c
```
#800e9c rgb(128,14,156)
```
#9411b3
```
#9411b3 rgb(148,17,179)
```
#a713cb
```
#a713cb rgb(167,19,203)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#c426eb
```
#c426eb rgb(196,38,235)
```
#cb3ded
```
#cb3ded rgb(203,61,237)
```
#d154ef
```
#d154ef rgb(209,84,239)
```

Monochromatic Color

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

#8715e2
```
#8715e2 rgb(135,21,226)
```
#9815e2
```
#9815e2 rgb(152,21,226)
```
#a915e2
```
#a915e2 rgb(169,21,226)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#cb15e2
```
#cb15e2 rgb(203,21,226)
```
#dc15e2
```
#dc15e2 rgb(220,21,226)
```
#e215d7
```
#e215d7 rgb(226,21,215)
```

Similar Colors

Text with hexadecimal color #ba15e2

This text has a font color of #ba15e2.

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

#ba15e2 background color

This paragraph has a background color of #ba15e2.

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

#ba15e2 border color

This element has a border color of #ba15e2.

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

CSS codes

.text {color:#ba15e2;}

.background {background-color:#ba15e2;}

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

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, #09010b is the darkest color, while #fdf8fe is the lightest one.

#09010b
```
#09010b rgb(9,1,11)
```
#18031d
```
#18031d rgb(24,3,29)
```
#26042f
```
#26042f rgb(38,4,47)
```
#350640
```
#350640 rgb(53,6,64)
```
#440852
```
#440852 rgb(68,8,82)
```
#530964
```
#530964 rgb(83,9,100)
```
#610b76
```
#610b76 rgb(97,11,118)
```
#700d88
```
#700d88 rgb(112,13,136)
```
#7f0e9a
```
#7f0e9a rgb(127,14,154)
```
#8e10ac
```
#8e10ac rgb(142,16,172)
```
#9c12be
```
#9c12be rgb(156,18,190)
```
#ab13d0
```
#ab13d0 rgb(171,19,208)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```

Shade Color Variation

#c320ea
```
#c320ea rgb(195,32,234)
```
#c832ec
```
#c832ec rgb(200,50,236)
```
#cd44ee
```
#cd44ee rgb(205,68,238)
```
#d156ef
```
#d156ef rgb(209,86,239)
```
#d668f1
```
#d668f1 rgb(214,104,241)
```
#db7af3
```
#db7af3 rgb(219,122,243)
```
#e08cf4
```
#e08cf4 rgb(224,140,244)
```
#e59ef6
```
#e59ef6 rgb(229,158,246)
```
#eab0f8
```
#eab0f8 rgb(234,176,248)
```
#eec2f9
```
#eec2f9 rgb(238,194,249)
```
#f3d4fb
```
#f3d4fb rgb(243,212,251)
```
#f8e6fd
```
#f8e6fd rgb(248,230,253)
```
#fdf8fe
```
#fdf8fe rgb(253,248,254)
```

Tint Color Variation

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

#807483
```
#807483 rgb(128,116,131)
```
#866b8d
```
#866b8d rgb(134,107,141)
```
#8c6196
```
#8c6196 rgb(140,97,150)
```
#9158a0
```
#9158a0 rgb(145,88,160)
```
#974ea9
```
#974ea9 rgb(151,78,169)
```
#9d45b3
```
#9d45b3 rgb(157,69,179)
```
#a33bbc
```
#a33bbc rgb(163,59,188)
```
#a932c6
```
#a932c6 rgb(169,50,198)
```
#ae28cf
```
#ae28cf rgb(174,40,207)
```
#b41fd9
```
#b41fd9 rgb(180,31,217)
```
#ba15e2
```
#ba15e2 rgb(186,21,226)
```
#c00cec
```
#c00cec rgb(192,12,236)
```
#c602f5
```
#c602f5 rgb(198,2,245)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#704f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007acb Deuteranopia 1% of men
#aa636a Tritanopia 0.001% of the population

Trichromacy

#4351e2 Protanomaly 1% of men, 0.01% of women
#4355d3 Deuteranomaly 6% of men, 0.4% of women
#af4795 Tritanomaly 0.01% of the population

#ba15e2 hex color

#ba15e2 Color Information

#ba15e2 Color Conversion

Color Schemes with #ba15e2

Alternatives to #ba15e2

#ba15e2 Preview

Shades and Tints of #ba15e2

Tones of #ba15e2

Color Blindness Simulator