#ba12d2 hex color

In a RGB color space, hex #ba12d2 is composed of 72.9% red, 7.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 91.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 292.5 degrees, a saturation of 84.2% and a lightness of 44.7%. #ba12d2 color hex could be obtained by blending #ff24ff with #7500a5. Closest websafe color is: #cc00cc.

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

● #ba12d2 color description : Strong magenta.

The hexadecimal color #ba12d2 has RGB values of R:186, G:18, B:210 and CMYK values of C:0.11, M:0.91, Y:0, K:0.18. Its decimal value is 12194514.

Hex triplet	ba12d2	`#ba12d2`
RGB Decimal	186, 18, 210	`rgb(186,18,210)`
RGB Percent	72.9, 7.1, 82.4	`rgb(72.9%,7.1%,82.4%)`
CMYK	11, 91, 0, 18
HSL	292.5°, 84.2, 44.7	`hsl(292.5,84.2%,44.7%)`
HSV (or HSB)	292.5°, 91.4, 82.4
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.347, 79.451, -58.52
XYZ	32.098, 15.527, 62.276
xyY	0.292, 0.141, 15.527
CIE-LCH	46.347, 98.677, 323.626
CIE-LUV	46.347, 52.01, -95.834
Hunter-Lab	39.404, 76.446, -66.122
Binary	10111010, 00010010, 11010010

#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#2ad212
```
#2ad212 rgb(42,210,18)
```

Complementary Color

#5a12d2
```
#5a12d2 rgb(90,18,210)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#d2128a
```
#d2128a rgb(210,18,138)
```

Analogous Color

#12d25a
```
#12d25a rgb(18,210,90)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#8ad212
```
#8ad212 rgb(138,210,18)
```

Split Complementary Color

#12d2ba
```
#12d2ba rgb(18,210,186)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#d2ba12
```
#d2ba12 rgb(210,186,18)
```

Triadic Color

#122ad2
```
#122ad2 rgb(18,42,210)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#d2ba12
```
#d2ba12 rgb(210,186,18)
```
#2ad212
```
#2ad212 rgb(42,210,18)
```

Tetradic Color

#7c0c8c
```
#7c0c8c rgb(124,12,140)
```
#900ea3
```
#900ea3 rgb(144,14,163)
```
#a510bb
```
#a510bb rgb(165,16,187)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#cf14e9
```
#cf14e9 rgb(207,20,233)
```
#d42aed
```
#d42aed rgb(212,42,237)
```
#d942ef
```
#d942ef rgb(217,66,239)
```

Monochromatic Color

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

#8a12d2
```
#8a12d2 rgb(138,18,210)
```
#9a12d2
```
#9a12d2 rgb(154,18,210)
```
#aa12d2
```
#aa12d2 rgb(170,18,210)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#ca12d2
```
#ca12d2 rgb(202,18,210)
```
#d212ca
```
#d212ca rgb(210,18,202)
```
#d212ba
```
#d212ba rgb(210,18,186)
```

Similar Colors

Text with hexadecimal color #ba12d2

This text has a font color of #ba12d2.

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

#ba12d2 background color

This paragraph has a background color of #ba12d2.

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

#ba12d2 border color

This element has a border color of #ba12d2.

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

CSS codes

.text {color:#ba12d2;}

.background {background-color:#ba12d2;}

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

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

#0a010b
```
#0a010b rgb(10,1,11)
```
#1a031d
```
#1a031d rgb(26,3,29)
```
#2a042f
```
#2a042f rgb(42,4,47)
```
#3a0641
```
#3a0641 rgb(58,6,65)
```
#4a0754
```
#4a0754 rgb(74,7,84)
```
#5a0966
```
#5a0966 rgb(90,9,102)
```
#6a0a78
```
#6a0a78 rgb(106,10,120)
```
#7a0c8a
```
#7a0c8a rgb(122,12,138)
```
#8a0d9c
```
#8a0d9c rgb(138,13,156)
```
#9a0fae
```
#9a0fae rgb(154,15,174)
```
#aa10c0
```
#aa10c0 rgb(170,16,192)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#ca14e4
```
#ca14e4 rgb(202,20,228)
```

Shade Color Variation

#d21fec
```
#d21fec rgb(210,31,236)
```
#d631ed
```
#d631ed rgb(214,49,237)
```
#da44ef
```
#da44ef rgb(218,68,239)
```
#dd56f0
```
#dd56f0 rgb(221,86,240)
```
#e168f2
```
#e168f2 rgb(225,104,242)
```
#e47af4
```
#e47af4 rgb(228,122,244)
```
#e88cf5
```
#e88cf5 rgb(232,140,245)
```
#ec9ef7
```
#ec9ef7 rgb(236,158,247)
```
#efb0f8
```
#efb0f8 rgb(239,176,248)
```
#f3c2fa
```
#f3c2fa rgb(243,194,250)
```
#f6d4fb
```
#f6d4fb rgb(246,212,251)
```
#fae6fd
```
#fae6fd rgb(250,230,253)
```
#fef8fe
```
#fef8fe rgb(254,248,254)
```

Tint Color Variation

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

#786a7a
```
#786a7a rgb(120,106,122)
```
#7f6183
```
#7f6183 rgb(127,97,131)
```
#85588c
```
#85588c rgb(133,88,140)
```
#8c4f95
```
#8c4f95 rgb(140,79,149)
```
#93479d
```
#93479d rgb(147,71,157)
```
#993ea6
```
#993ea6 rgb(153,62,166)
```
#a035af
```
#a035af rgb(160,53,175)
```
#a62cb8
```
#a62cb8 rgb(166,44,184)
```
#ad24c0
```
#ad24c0 rgb(173,36,192)
```
#b31bc9
```
#b31bc9 rgb(179,27,201)
```
#ba12d2
```
#ba12d2 rgb(186,18,210)
```
#c109db
```
#c109db rgb(193,9,219)
```
#c700e4
```
#c700e4 rgb(199,0,228)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6d4c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#3176c0 Deuteranopia 1% of men
#ad5d63 Tritanopia 0.001% of the population

Trichromacy

#434fd9 Protanomaly 1% of men, 0.01% of women
#6352c7 Deuteranomaly 6% of men, 0.4% of women
#b1418b Tritanomaly 0.01% of the population

#ba12d2 hex color

#ba12d2 Color Information

#ba12d2 Color Conversion

Color Schemes with #ba12d2

Alternatives to #ba12d2

#ba12d2 Preview

Shades and Tints of #ba12d2

Tones of #ba12d2

Color Blindness Simulator