#ba12ec hex color

In a RGB color space, hex #ba12ec is composed of 72.9% red, 7.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 92.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 286.2 degrees, a saturation of 85.8% and a lightness of 49.8%. #ba12ec color hex could be obtained by blending #ff24ff with #7500d9. Closest websafe color is: #cc00ff.

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

● #ba12ec color description : Vivid magenta.

The hexadecimal color #ba12ec has RGB values of R:186, G:18, B:236 and CMYK values of C:0.21, M:0.92, Y:0, K:0.07. Its decimal value is 12194540.

Hex triplet	ba12ec	`#ba12ec`
RGB Decimal	186, 18, 236	`rgb(186,18,236)`
RGB Percent	72.9, 7.1, 92.5	`rgb(72.9%,7.1%,92.5%)`
CMYK	21, 92, 0, 7
HSL	286.2°, 85.8, 49.8	`hsl(286.2,85.8%,49.8%)`
HSV (or HSB)	286.2°, 92.4, 92.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.171, 83.835, -70.389
XYZ	35.604, 16.929, 80.745
xyY	0.267, 0.127, 16.929
CIE-LCH	48.171, 109.467, 319.983
CIE-LUV	48.171, 43.82, -113.858
Hunter-Lab	41.145, 82.458, -87.55
Binary	10111010, 00010010, 11101100

#ba12ec
```
#ba12ec rgb(186,18,236)
```
#44ec12
```
#44ec12 rgb(68,236,18)
```

Complementary Color

#4d12ec
```
#4d12ec rgb(77,18,236)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```
#ec12b1
```
#ec12b1 rgb(236,18,177)
```

Analogous Color

#12ec4d
```
#12ec4d rgb(18,236,77)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```
#b1ec12
```
#b1ec12 rgb(177,236,18)
```

Split Complementary Color

#12ecba
```
#12ecba rgb(18,236,186)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```
#ecba12
```
#ecba12 rgb(236,186,18)
```

Triadic Color

#1244ec
```
#1244ec rgb(18,68,236)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```
#ecba12
```
#ecba12 rgb(236,186,18)
```
#44ec12
```
#44ec12 rgb(68,236,18)
```

Tetradic Color

#820da5
```
#820da5 rgb(130,13,165)
```
#950ebd
```
#950ebd rgb(149,14,189)
```
#a710d4
```
#a710d4 rgb(167,16,212)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```
#c129ef
```
#c129ef rgb(193,41,239)
```
#c841f0
```
#c841f0 rgb(200,65,240)
```
#cf58f2
```
#cf58f2 rgb(207,88,242)
```

Monochromatic Color

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

#8412ec
```
#8412ec rgb(132,18,236)
```
#9612ec
```
#9612ec rgb(150,18,236)
```
#a812ec
```
#a812ec rgb(168,18,236)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```
#cc12ec
```
#cc12ec rgb(204,18,236)
```
#de12ec
```
#de12ec rgb(222,18,236)
```
#ec12e8
```
#ec12e8 rgb(236,18,232)
```

Similar Colors

Text with hexadecimal color #ba12ec

This text has a font color of #ba12ec.

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

#ba12ec background color

This paragraph has a background color of #ba12ec.

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

#ba12ec border color

This element has a border color of #ba12ec.

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

CSS codes

.text {color:#ba12ec;}

.background {background-color:#ba12ec;}

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

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

#0e0111
```
#0e0111 rgb(14,1,17)
```
#1c0324
```
#1c0324 rgb(28,3,36)
```
#2a0436
```
#2a0436 rgb(42,4,54)
```
#390548
```
#390548 rgb(57,5,72)
```
#47075a
```
#47075a rgb(71,7,90)
```
#55086c
```
#55086c rgb(85,8,108)
```
#640a7f
```
#640a7f rgb(100,10,127)
```
#720b91
```
#720b91 rgb(114,11,145)
```
#810ca3
```
#810ca3 rgb(129,12,163)
```
#8f0eb5
```
#8f0eb5 rgb(143,14,181)
```
#9d0fc8
```
#9d0fc8 rgb(157,15,200)
```
#ac11da
```
#ac11da rgb(172,17,218)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```

Shade Color Variation

#c023ee
```
#c023ee rgb(192,35,238)
```
#c536f0
```
#c536f0 rgb(197,54,240)
```
#ca48f1
```
#ca48f1 rgb(202,72,241)
```
#cf5af2
```
#cf5af2 rgb(207,90,242)
```
#d56cf4
```
#d56cf4 rgb(213,108,244)
```
#da7ef5
```
#da7ef5 rgb(218,126,245)
```
#df91f7
```
#df91f7 rgb(223,145,247)
```
#e4a3f8
```
#e4a3f8 rgb(228,163,248)
```
#eab5f9
```
#eab5f9 rgb(234,181,249)
```
#efc7fb
```
#efc7fb rgb(239,199,251)
```
#f4dafc
```
#f4dafc rgb(244,218,252)
```
#f9ecfe
```
#f9ecfe rgb(249,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#807d81
```
#807d81 rgb(128,125,129)
```
#85748a
```
#85748a rgb(133,116,138)
```
#8a6a94
```
#8a6a94 rgb(138,106,148)
```
#90609e
```
#90609e rgb(144,96,158)
```
#9556a8
```
#9556a8 rgb(149,86,168)
```
#9a4db1
```
#9a4db1 rgb(154,77,177)
```
#a043bb
```
#a043bb rgb(160,67,187)
```
#a539c5
```
#a539c5 rgb(165,57,197)
```
#aa2fcf
```
#aa2fcf rgb(170,47,207)
```
#af26d8
```
#af26d8 rgb(175,38,216)
```
#b51ce2
```
#b51ce2 rgb(181,28,226)
```
#ba12ec
```
#ba12ec rgb(186,18,236)
```
#bf08f6
```
#bf08f6 rgb(191,8,246)
```

Tone Color Variation

Below, you can see how #ba12ec 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
#704e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e5 Protanopia 1% of men
#007bcc Deuteranopia 1% of men
#a7676e Tritanopia 0.001% of the population

Trichromacy

#4351e8 Protanomaly 1% of men, 0.01% of women
#4355d8 Deuteranomaly 6% of men, 0.4% of women
#ae489b Tritanomaly 0.01% of the population

#ba12ec hex color

#ba12ec Color Information

#ba12ec Color Conversion

Color Schemes with #ba12ec

Alternatives to #ba12ec

#ba12ec Preview

Shades and Tints of #ba12ec

Tones of #ba12ec

Color Blindness Simulator