#ba12da hex color

In a RGB color space, hex #ba12da is composed of 72.9% red, 7.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 91.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 290.4 degrees, a saturation of 84.7% and a lightness of 46.3%. #ba12da color hex could be obtained by blending #ff24ff with #7500b5. Closest websafe color is: #cc00cc.

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

● #ba12da color description : Vivid magenta.

The hexadecimal color #ba12da has RGB values of R:186, G:18, B:218 and CMYK values of C:0.15, M:0.92, Y:0, K:0.15. Its decimal value is 12194522.

Hex triplet	ba12da	`#ba12da`
RGB Decimal	186, 18, 218	`rgb(186,18,218)`
RGB Percent	72.9, 7.1, 85.5	`rgb(72.9%,7.1%,85.5%)`
CMYK	15, 92, 0, 15
HSL	290.4°, 84.7, 46.3	`hsl(290.4,84.7%,46.3%)`
HSV (or HSB)	290.4°, 91.7, 85.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.89, 80.77, -62.236
XYZ	33.12, 15.935, 67.657
xyY	0.284, 0.137, 15.935
CIE-LCH	46.89, 101.966, 322.384
CIE-LUV	46.89, 49.369, -101.48
Hunter-Lab	39.919, 78.237, -72.545
Binary	10111010, 00010010, 11011010

#ba12da
```
#ba12da rgb(186,18,218)
```
#32da12
```
#32da12 rgb(50,218,18)
```

Complementary Color

#5612da
```
#5612da rgb(86,18,218)
```
#ba12da
```
#ba12da rgb(186,18,218)
```
#da1296
```
#da1296 rgb(218,18,150)
```

Analogous Color

#12da56
```
#12da56 rgb(18,218,86)
```
#ba12da
```
#ba12da rgb(186,18,218)
```
#96da12
```
#96da12 rgb(150,218,18)
```

Split Complementary Color

#12daba
```
#12daba rgb(18,218,186)
```
#ba12da
```
#ba12da rgb(186,18,218)
```
#daba12
```
#daba12 rgb(218,186,18)
```

Triadic Color

#1232da
```
#1232da rgb(18,50,218)
```
#ba12da
```
#ba12da rgb(186,18,218)
```
#daba12
```
#daba12 rgb(218,186,18)
```
#32da12
```
#32da12 rgb(50,218,18)
```

Tetradic Color

#7e0c93
```
#7e0c93 rgb(126,12,147)
```
#920eab
```
#920eab rgb(146,14,171)
```
#a610c2
```
#a610c2 rgb(166,16,194)
```
#ba12da
```
#ba12da rgb(186,18,218)
```
#ca19ec
```
#ca19ec rgb(202,25,236)
```
#d031ee
```
#d031ee rgb(208,49,238)
```
#d549f0
```
#d549f0 rgb(213,73,240)
```

Monochromatic Color

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

#8812da
```
#8812da rgb(136,18,218)
```
#9912da
```
#9912da rgb(153,18,218)
```
#a912da
```
#a912da rgb(169,18,218)
```
#ba12da
```
#ba12da rgb(186,18,218)
```
#cb12da
```
#cb12da rgb(203,18,218)
```
#da12d9
```
#da12d9 rgb(218,18,217)
```
#da12c8
```
#da12c8 rgb(218,18,200)
```

Similar Colors

Text with hexadecimal color #ba12da

This text has a font color of #ba12da.

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

#ba12da background color

This paragraph has a background color of #ba12da.

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

#ba12da border color

This element has a border color of #ba12da.

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

CSS codes

.text {color:#ba12da;}

.background {background-color:#ba12da;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#100213
```
#100213 rgb(16,2,19)
```
#1f0325
```
#1f0325 rgb(31,3,37)
```
#2f0537
```
#2f0537 rgb(47,5,55)
```
#3e0649
```
#3e0649 rgb(62,6,73)
```
#4e085b
```
#4e085b rgb(78,8,91)
```
#5d096d
```
#5d096d rgb(93,9,109)
```
#6d0b7f
```
#6d0b7f rgb(109,11,127)
```
#7c0c92
```
#7c0c92 rgb(124,12,146)
```
#8c0ea4
```
#8c0ea4 rgb(140,14,164)
```
#9b0fb6
```
#9b0fb6 rgb(155,15,182)
```
#ab11c8
```
#ab11c8 rgb(171,17,200)
```
#ba12da
```
#ba12da rgb(186,18,218)
```

Shade Color Variation

#c914ec
```
#c914ec rgb(201,20,236)
```
#cd26ed
```
#cd26ed rgb(205,38,237)
```
#d138ef
```
#d138ef rgb(209,56,239)
```
#d64af0
```
#d64af0 rgb(214,74,240)
```
#da5cf2
```
#da5cf2 rgb(218,92,242)
```
#de6ff3
```
#de6ff3 rgb(222,111,243)
```
#e281f5
```
#e281f5 rgb(226,129,245)
```
#e693f6
```
#e693f6 rgb(230,147,246)
```
#eaa5f8
```
#eaa5f8 rgb(234,165,248)
```
#efb7f9
```
#efb7f9 rgb(239,183,249)
```
#f3c9fb
```
#f3c9fb rgb(243,201,251)
```
#f7dbfc
```
#f7dbfc rgb(247,219,252)
```
#fbedfe
```
#fbedfe rgb(251,237,254)
```

Tint Color Variation

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

#767676
```
#767676 rgb(118,118,118)
```
#7c6d7f
```
#7c6d7f rgb(124,109,127)
```
#826488
```
#826488 rgb(130,100,136)
```
#895b91
```
#895b91 rgb(137,91,145)
```
#8f529a
```
#8f529a rgb(143,82,154)
```
#9548a4
```
#9548a4 rgb(149,72,164)
```
#9b3fad
```
#9b3fad rgb(155,63,173)
```
#a136b6
```
#a136b6 rgb(161,54,182)
```
#a72dbf
```
#a72dbf rgb(167,45,191)
```
#ae24c8
```
#ae24c8 rgb(174,36,200)
```
#b41bd1
```
#b41bd1 rgb(180,27,209)
```
#ba12da
```
#ba12da rgb(186,18,218)
```
#c009e3
```
#c009e3 rgb(192,9,227)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#1d78c7 Deuteranopia 1% of men
#ab6066 Tritanopia 0.001% of the population

Trichromacy

#434fde Protanomaly 1% of men, 0.01% of women
#5653ce Deuteranomaly 6% of men, 0.4% of women
#b04390 Tritanomaly 0.01% of the population

#ba12da hex color

#ba12da Color Information

#ba12da Color Conversion

Color Schemes with #ba12da

Alternatives to #ba12da

#ba12da Preview

Shades and Tints of #ba12da

Tones of #ba12da

Color Blindness Simulator