#ba12d4 hex color

In a RGB color space, hex #ba12d4 is composed of 72.9% red, 7.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 91.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 292 degrees, a saturation of 84.3% and a lightness of 45.1%. #ba12d4 color hex could be obtained by blending #ff24ff with #7500a9. Closest websafe color is: #cc00cc.

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

● #ba12d4 color description : Strong magenta.

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

Hex triplet	ba12d4	`#ba12d4`
RGB Decimal	186, 18, 212	`rgb(186,18,212)`
RGB Percent	72.9, 7.1, 83.1	`rgb(72.9%,7.1%,83.1%)`
CMYK	12, 92, 0, 17
HSL	292°, 84.3, 45.1	`hsl(292,84.3%,45.1%)`
HSV (or HSB)	292°, 91.5, 83.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.481, 79.778, -59.455
XYZ	32.348, 15.627, 63.596
xyY	0.29, 0.14, 15.627
CIE-LCH	46.481, 99.496, 323.305
CIE-LUV	46.481, 51.339, -97.254
Hunter-Lab	39.531, 76.889, -67.712
Binary	10111010, 00010010, 11010100

#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#2cd412
```
#2cd412 rgb(44,212,18)
```

Complementary Color

#5912d4
```
#5912d4 rgb(89,18,212)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#d4128d
```
#d4128d rgb(212,18,141)
```

Analogous Color

#12d459
```
#12d459 rgb(18,212,89)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#8dd412
```
#8dd412 rgb(141,212,18)
```

Split Complementary Color

#12d4ba
```
#12d4ba rgb(18,212,186)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#d4ba12
```
#d4ba12 rgb(212,186,18)
```

Triadic Color

#122cd4
```
#122cd4 rgb(18,44,212)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#d4ba12
```
#d4ba12 rgb(212,186,18)
```
#2cd412
```
#2cd412 rgb(44,212,18)
```

Tetradic Color

#7c0c8d
```
#7c0c8d rgb(124,12,141)
```
#910ea5
```
#910ea5 rgb(145,14,165)
```
#a510bc
```
#a510bc rgb(165,16,188)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#ce14eb
```
#ce14eb rgb(206,20,235)
```
#d32ced
```
#d32ced rgb(211,44,237)
```
#d843ef
```
#d843ef rgb(216,67,239)
```

Monochromatic Color

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

#8a12d4
```
#8a12d4 rgb(138,18,212)
```
#9a12d4
```
#9a12d4 rgb(154,18,212)
```
#aa12d4
```
#aa12d4 rgb(170,18,212)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#ca12d4
```
#ca12d4 rgb(202,18,212)
```
#d412ce
```
#d412ce rgb(212,18,206)
```
#d412be
```
#d412be rgb(212,18,190)
```

Similar Colors

Text with hexadecimal color #ba12d4

This text has a font color of #ba12d4.

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

#ba12d4 background color

This paragraph has a background color of #ba12d4.

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

#ba12d4 border color

This element has a border color of #ba12d4.

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

CSS codes

.text {color:#ba12d4;}

.background {background-color:#ba12d4;}

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

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

#0c010d
```
#0c010d rgb(12,1,13)
```
#1b031f
```
#1b031f rgb(27,3,31)
```
#2b0431
```
#2b0431 rgb(43,4,49)
```
#3b0643
```
#3b0643 rgb(59,6,67)
```
#4b0755
```
#4b0755 rgb(75,7,85)
```
#5b0968
```
#5b0968 rgb(91,9,104)
```
#6b0a7a
```
#6b0a7a rgb(107,10,122)
```
#7b0c8c
```
#7b0c8c rgb(123,12,140)
```
#8a0d9e
```
#8a0d9e rgb(138,13,158)
```
#9a0fb0
```
#9a0fb0 rgb(154,15,176)
```
#aa10c2
```
#aa10c2 rgb(170,16,194)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#ca14e6
```
#ca14e6 rgb(202,20,230)
```

Shade Color Variation

#d121ec
```
#d121ec rgb(209,33,236)
```
#d533ee
```
#d533ee rgb(213,51,238)
```
#d845ef
```
#d845ef rgb(216,69,239)
```
#dc57f1
```
#dc57f1 rgb(220,87,241)
```
#e069f2
```
#e069f2 rgb(224,105,242)
```
#e47bf4
```
#e47bf4 rgb(228,123,244)
```
#e78ef5
```
#e78ef5 rgb(231,142,245)
```
#eba0f7
```
#eba0f7 rgb(235,160,247)
```
#efb2f8
```
#efb2f8 rgb(239,178,248)
```
#f3c4fa
```
#f3c4fa rgb(243,196,250)
```
#f6d6fc
```
#f6d6fc rgb(246,214,252)
```
#fae8fd
```
#fae8fd rgb(250,232,253)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#796a7c
```
#796a7c rgb(121,106,124)
```
#806284
```
#806284 rgb(128,98,132)
```
#86598d
```
#86598d rgb(134,89,141)
```
#8d5096
```
#8d5096 rgb(141,80,150)
```
#93479f
```
#93479f rgb(147,71,159)
```
#9a3ea8
```
#9a3ea8 rgb(154,62,168)
```
#a035b1
```
#a035b1 rgb(160,53,177)
```
#a72db9
```
#a72db9 rgb(167,45,185)
```
#ad24c2
```
#ad24c2 rgb(173,36,194)
```
#b41bcb
```
#b41bcb rgb(180,27,203)
```
#ba12d4
```
#ba12d4 rgb(186,18,212)
```
#c009dd
```
#c009dd rgb(192,9,221)
```
#c700e6
```
#c700e6 rgb(199,0,230)
```

Tone Color Variation

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

#0072de Protanopia 1% of men
#2e77c2 Deuteranopia 1% of men
#ac5d63 Tritanopia 0.001% of the population

Trichromacy

#434fda Protanomaly 1% of men, 0.01% of women
#6052c8 Deuteranomaly 6% of men, 0.4% of women
#b1428c Tritanomaly 0.01% of the population

#ba12d4 hex color

#ba12d4 Color Information

#ba12d4 Color Conversion

Color Schemes with #ba12d4

Alternatives to #ba12d4

#ba12d4 Preview

Shades and Tints of #ba12d4

Tones of #ba12d4

Color Blindness Simulator