#ba12e9 hex color

In a RGB color space, hex #ba12e9 is composed of 72.9% red, 7.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 92.3% magenta, 0% yellow and 8.6% black. It has a hue angle of 286.9 degrees, a saturation of 85.7% and a lightness of 49.2%. #ba12e9 color hex could be obtained by blending #ff24ff with #7500d3. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 7
- B 91
RGB color chart
- C 20
- M 92
- Y 0
- K 9
CMYK color chart

● #ba12e9 color description : Vivid magenta.

The hexadecimal color #ba12e9 has RGB values of R:186, G:18, B:233 and CMYK values of C:0.2, M:0.92, Y:0, K:0.09. Its decimal value is 12194537.

Hex triplet	ba12e9	`#ba12e9`
RGB Decimal	186, 18, 233	`rgb(186,18,233)`
RGB Percent	72.9, 7.1, 91.4	`rgb(72.9%,7.1%,91.4%)`
CMYK	20, 92, 0, 9
HSL	286.9°, 85.7, 49.2	`hsl(286.9,85.7%,49.2%)`
HSV (or HSB)	286.9°, 92.3, 91.4
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.952, 83.315, -69.05
XYZ	35.172, 16.756, 78.468
xyY	0.27, 0.129, 16.756
CIE-LCH	47.952, 108.209, 320.349
CIE-LUV	47.952, 44.708, -111.826
Hunter-Lab	40.935, 81.737, -84.999
Binary	10111010, 00010010, 11101001

#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#41e912
```
#41e912 rgb(65,233,18)
```

Complementary Color

#4e12e9
```
#4e12e9 rgb(78,18,233)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#e912ad
```
#e912ad rgb(233,18,173)
```

Analogous Color

#12e94e
```
#12e94e rgb(18,233,78)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#ade912
```
#ade912 rgb(173,233,18)
```

Split Complementary Color

#12e9ba
```
#12e9ba rgb(18,233,186)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#e9ba12
```
#e9ba12 rgb(233,186,18)
```

Triadic Color

#1241e9
```
#1241e9 rgb(18,65,233)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#e9ba12
```
#e9ba12 rgb(233,186,18)
```
#41e912
```
#41e912 rgb(65,233,18)
```

Tetradic Color

#810da2
```
#810da2 rgb(129,13,162)
```
#940eba
```
#940eba rgb(148,14,186)
```
#a710d1
```
#a710d1 rgb(167,16,209)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#c326ee
```
#c326ee rgb(195,38,238)
```
#c93ef0
```
#c93ef0 rgb(201,62,240)
```
#d056f2
```
#d056f2 rgb(208,86,242)
```

Monochromatic Color

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

#8412e9
```
#8412e9 rgb(132,18,233)
```
#9612e9
```
#9612e9 rgb(150,18,233)
```
#a812e9
```
#a812e9 rgb(168,18,233)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#cc12e9
```
#cc12e9 rgb(204,18,233)
```
#de12e9
```
#de12e9 rgb(222,18,233)
```
#e912e2
```
#e912e2 rgb(233,18,226)
```

Similar Colors

Text with hexadecimal color #ba12e9

This text has a font color of #ba12e9.

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

#ba12e9 background color

This paragraph has a background color of #ba12e9.

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

#ba12e9 border color

This element has a border color of #ba12e9.

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

CSS codes

.text {color:#ba12e9;}

.background {background-color:#ba12e9;}

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

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

#0c010e
```
#0c010e rgb(12,1,14)
```
#1a0321
```
#1a0321 rgb(26,3,33)
```
#290433
```
#290433 rgb(41,4,51)
```
#370545
```
#370545 rgb(55,5,69)
```
#460757
```
#460757 rgb(70,7,87)
```
#54086a
```
#54086a rgb(84,8,106)
```
#630a7c
```
#630a7c rgb(99,10,124)
```
#710b8e
```
#710b8e rgb(113,11,142)
```
#800ca0
```
#800ca0 rgb(128,12,160)
```
#8e0eb2
```
#8e0eb2 rgb(142,14,178)
```
#9d0fc5
```
#9d0fc5 rgb(157,15,197)
```
#ab11d7
```
#ab11d7 rgb(171,17,215)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```

Shade Color Variation

#c121ee
```
#c121ee rgb(193,33,238)
```
#c633ef
```
#c633ef rgb(198,51,239)
```
#cb45f1
```
#cb45f1 rgb(203,69,241)
```
#d057f2
```
#d057f2 rgb(208,87,242)
```
#d56af3
```
#d56af3 rgb(213,106,243)
```
#da7cf5
```
#da7cf5 rgb(218,124,245)
```
#df8ef6
```
#df8ef6 rgb(223,142,246)
```
#e5a0f8
```
#e5a0f8 rgb(229,160,248)
```
#eab2f9
```
#eab2f9 rgb(234,178,249)
```
#efc5fa
```
#efc5fa rgb(239,197,250)
```
#f4d7fc
```
#f4d7fc rgb(244,215,252)
```
#f9e9fd
```
#f9e9fd rgb(249,233,253)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#7e7c7f
```
#7e7c7f rgb(126,124,127)
```
#847388
```
#847388 rgb(132,115,136)
```
#896992
```
#896992 rgb(137,105,146)
```
#8f5f9c
```
#8f5f9c rgb(143,95,156)
```
#9456a5
```
#9456a5 rgb(148,86,165)
```
#994caf
```
#994caf rgb(153,76,175)
```
#9f42b9
```
#9f42b9 rgb(159,66,185)
```
#a439c2
```
#a439c2 rgb(164,57,194)
```
#aa2fcc
```
#aa2fcc rgb(170,47,204)
```
#af25d6
```
#af25d6 rgb(175,37,214)
```
#b51cdf
```
#b51cdf rgb(181,28,223)
```
#ba12e9
```
#ba12e9 rgb(186,18,233)
```
#bf08f3
```
#bf08f3 rgb(191,8,243)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#704e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bcc Deuteranopia 1% of men
#a8666c Tritanopia 0.001% of the population

Trichromacy

#4351e6 Protanomaly 1% of men, 0.01% of women
#4355d6 Deuteranomaly 6% of men, 0.4% of women
#ae4799 Tritanomaly 0.01% of the population

#ba12e9 hex color

#ba12e9 Color Information

#ba12e9 Color Conversion

Color Schemes with #ba12e9

Alternatives to #ba12e9

#ba12e9 Preview

Shades and Tints of #ba12e9

Tones of #ba12e9

Color Blindness Simulator