#ba12e0 hex color

In a RGB color space, hex #ba12e0 is composed of 72.9% red, 7.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 92% magenta, 0% yellow and 12.2% black. It has a hue angle of 288.9 degrees, a saturation of 85.1% and a lightness of 47.5%. #ba12e0 color hex could be obtained by blending #ff24ff with #7500c1. Closest websafe color is: #cc00cc.

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

● #ba12e0 color description : Vivid magenta.

The hexadecimal color #ba12e0 has RGB values of R:186, G:18, B:224 and CMYK values of C:0.17, M:0.92, Y:0, K:0.12. Its decimal value is 12194528.

Hex triplet	ba12e0	`#ba12e0`
RGB Decimal	186, 18, 224	`rgb(186,18,224)`
RGB Percent	72.9, 7.1, 87.8	`rgb(72.9%,7.1%,87.8%)`
CMYK	17, 92, 0, 12
HSL	288.9°, 85.1, 47.5	`hsl(288.9,85.1%,47.5%)`
HSV (or HSB)	288.9°, 92, 87.8
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.308, 81.777, -64.985
XYZ	33.919, 16.255, 71.868
xyY	0.278, 0.133, 16.255
CIE-LCH	47.308, 104.453, 321.527
CIE-LUV	47.308, 47.459, -105.656
Hunter-Lab	40.318, 79.615, -77.464
Binary	10111010, 00010010, 11100000

#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#38e012
```
#38e012 rgb(56,224,18)
```

Complementary Color

#5312e0
```
#5312e0 rgb(83,18,224)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#e0129f
```
#e0129f rgb(224,18,159)
```

Analogous Color

#12e053
```
#12e053 rgb(18,224,83)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#9fe012
```
#9fe012 rgb(159,224,18)
```

Split Complementary Color

#12e0ba
```
#12e0ba rgb(18,224,186)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#e0ba12
```
#e0ba12 rgb(224,186,18)
```

Triadic Color

#1238e0
```
#1238e0 rgb(18,56,224)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#e0ba12
```
#e0ba12 rgb(224,186,18)
```
#38e012
```
#38e012 rgb(56,224,18)
```

Tetradic Color

#7f0c99
```
#7f0c99 rgb(127,12,153)
```
#930eb1
```
#930eb1 rgb(147,14,177)
```
#a610c8
```
#a610c8 rgb(166,16,200)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#c71fed
```
#c71fed rgb(199,31,237)
```
#cd36ef
```
#cd36ef rgb(205,54,239)
```
#d34ef1
```
#d34ef1 rgb(211,78,241)
```

Monochromatic Color

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

#8712e0
```
#8712e0 rgb(135,18,224)
```
#9812e0
```
#9812e0 rgb(152,18,224)
```
#a912e0
```
#a912e0 rgb(169,18,224)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#cb12e0
```
#cb12e0 rgb(203,18,224)
```
#dc12e0
```
#dc12e0 rgb(220,18,224)
```
#e012d3
```
#e012d3 rgb(224,18,211)
```

Similar Colors

Text with hexadecimal color #ba12e0

This text has a font color of #ba12e0.

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

#ba12e0 background color

This paragraph has a background color of #ba12e0.

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

#ba12e0 border color

This element has a border color of #ba12e0.

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

CSS codes

.text {color:#ba12e0;}

.background {background-color:#ba12e0;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#140218
```
#140218 rgb(20,2,24)
```
#23032a
```
#23032a rgb(35,3,42)
```
#32053d
```
#32053d rgb(50,5,61)
```
#41064f
```
#41064f rgb(65,6,79)
```
#500861
```
#500861 rgb(80,8,97)
```
#600973
```
#600973 rgb(96,9,115)
```
#6f0b85
```
#6f0b85 rgb(111,11,133)
```
#7e0c97
```
#7e0c97 rgb(126,12,151)
```
#8d0eaa
```
#8d0eaa rgb(141,14,170)
```
#9c0fbc
```
#9c0fbc rgb(156,15,188)
```
#ab11ce
```
#ab11ce rgb(171,17,206)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```

Shade Color Variation

#c619ed
```
#c619ed rgb(198,25,237)
```
#ca2bee
```
#ca2bee rgb(202,43,238)
```
#cf3def
```
#cf3def rgb(207,61,239)
```
#d350f1
```
#d350f1 rgb(211,80,241)
```
#d862f2
```
#d862f2 rgb(216,98,242)
```
#dc74f4
```
#dc74f4 rgb(220,116,244)
```
#e186f5
```
#e186f5 rgb(225,134,245)
```
#e598f7
```
#e598f7 rgb(229,152,247)
```
#eaaaf8
```
#eaaaf8 rgb(234,170,248)
```
#eebcfa
```
#eebcfa rgb(238,188,250)
```
#f3cffb
```
#f3cffb rgb(243,207,251)
```
#f7e1fd
```
#f7e1fd rgb(247,225,253)
```
#fcf3fe
```
#fcf3fe rgb(252,243,254)
```

Tint Color Variation

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

#79787a
```
#79787a rgb(121,120,122)
```
#7f6f83
```
#7f6f83 rgb(127,111,131)
```
#85668c
```
#85668c rgb(133,102,140)
```
#8b5c96
```
#8b5c96 rgb(139,92,150)
```
#91539f
```
#91539f rgb(145,83,159)
```
#974aa8
```
#974aa8 rgb(151,74,168)
```
#9d41b1
```
#9d41b1 rgb(157,65,177)
```
#a337bb
```
#a337bb rgb(163,55,187)
```
#a82ec4
```
#a82ec4 rgb(168,46,196)
```
#ae25cd
```
#ae25cd rgb(174,37,205)
```
#b41bd7
```
#b41bd7 rgb(180,27,215)
```
#ba12e0
```
#ba12e0 rgb(186,18,224)
```
#c009e9
```
#c009e9 rgb(192,9,233)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f4d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#0079ca Deuteranopia 1% of men
#aa6269 Tritanopia 0.001% of the population

Trichromacy

#4350e1 Protanomaly 1% of men, 0.01% of women
#4353d2 Deuteranomaly 6% of men, 0.4% of women
#b04594 Tritanomaly 0.01% of the population

#ba12e0 hex color

#ba12e0 Color Information

#ba12e0 Color Conversion

Color Schemes with #ba12e0

Alternatives to #ba12e0

#ba12e0 Preview

Shades and Tints of #ba12e0

Tones of #ba12e0

Color Blindness Simulator