#ba12b4 hex color

In a RGB color space, hex #ba12b4 is composed of 72.9% red, 7.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.3% magenta, 3.2% yellow and 27.1% black. It has a hue angle of 302.1 degrees, a saturation of 82.4% and a lightness of 40%. #ba12b4 color hex could be obtained by blending #ff24ff with #750069. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 7
- B 71
RGB color chart
- C 0
- M 90
- Y 3
- K 27
CMYK color chart

● #ba12b4 color description : Strong magenta.

The hexadecimal color #ba12b4 has RGB values of R:186, G:18, B:180 and CMYK values of C:0, M:0.9, Y:0.03, K:0.27. Its decimal value is 12194484.

Hex triplet	ba12b4	`#ba12b4`
RGB Decimal	186, 18, 180	`rgb(186,18,180)`
RGB Percent	72.9, 7.1, 70.6	`rgb(72.9%,7.1%,70.6%)`
CMYK	0, 90, 3, 27
HSL	302.1°, 82.4, 40	`hsl(302.1,82.4%,40%)`
HSV (or HSB)	302.1°, 90.3, 72.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	44.474, 74.791, -44.045
XYZ	28.704, 14.169, 44.401
xyY	0.329, 0.162, 14.169
CIE-LCH	44.474, 86.797, 329.506
CIE-LUV	44.474, 62.899, -73.873
Hunter-Lab	37.642, 70.242, -43.587
Binary	10111010, 00010010, 10110100

#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#12ba18
```
#12ba18 rgb(18,186,24)
```

Complementary Color

#6c12ba
```
#6c12ba rgb(108,18,186)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#ba1260
```
#ba1260 rgb(186,18,96)
```

Analogous Color

#12ba6c
```
#12ba6c rgb(18,186,108)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#60ba12
```
#60ba12 rgb(96,186,18)
```

Split Complementary Color

#12b4ba
```
#12b4ba rgb(18,180,186)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#b4ba12
```
#b4ba12 rgb(180,186,18)
```

Triadic Color

#1812ba
```
#1812ba rgb(24,18,186)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#b4ba12
```
#b4ba12 rgb(180,186,18)
```
#12ba18
```
#12ba18 rgb(18,186,24)
```

Tetradic Color

#740b71
```
#740b71 rgb(116,11,113)
```
#8c0e87
```
#8c0e87 rgb(140,14,135)
```
#a3109e
```
#a3109e rgb(163,16,158)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#d114cb
```
#d114cb rgb(209,20,203)
```
#e917e1
```
#e917e1 rgb(233,23,225)
```
#eb2ee4
```
#eb2ee4 rgb(235,46,228)
```

Monochromatic Color

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

#9612ba
```
#9612ba rgb(150,18,186)
```
#a412ba
```
#a412ba rgb(164,18,186)
```
#b212ba
```
#b212ba rgb(178,18,186)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#ba12a6
```
#ba12a6 rgb(186,18,166)
```
#ba1298
```
#ba1298 rgb(186,18,152)
```
#ba128a
```
#ba128a rgb(186,18,138)
```

Similar Colors

Text with hexadecimal color #ba12b4

This text has a font color of #ba12b4.

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

#ba12b4 background color

This paragraph has a background color of #ba12b4.

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

#ba12b4 border color

This element has a border color of #ba12b4.

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

CSS codes

.text {color:#ba12b4;}

.background {background-color:#ba12b4;}

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

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

#070107
```
#070107 rgb(7,1,7)
```
#190218
```
#190218 rgb(25,2,24)
```
#2b042a
```
#2b042a rgb(43,4,42)
```
#3d063b
```
#3d063b rgb(61,6,59)
```
#4f084c
```
#4f084c rgb(79,8,76)
```
#61095d
```
#61095d rgb(97,9,93)
```
#720b6f
```
#720b6f rgb(114,11,111)
```
#840d80
```
#840d80 rgb(132,13,128)
```
#960f91
```
#960f91 rgb(150,15,145)
```
#a810a3
```
#a810a3 rgb(168,16,163)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#cc14c5
```
#cc14c5 rgb(204,20,197)
```
#de15d7
```
#de15d7 rgb(222,21,215)
```

Shade Color Variation

#e91ee2
```
#e91ee2 rgb(233,30,226)
```
#eb30e4
```
#eb30e4 rgb(235,48,228)
```
#ed41e7
```
#ed41e7 rgb(237,65,231)
```
#ee53e9
```
#ee53e9 rgb(238,83,233)
```
#f065eb
```
#f065eb rgb(240,101,235)
```
#f277ed
```
#f277ed rgb(242,119,237)
```
#f489f0
```
#f489f0 rgb(244,137,240)
```
#f59bf2
```
#f59bf2 rgb(245,155,242)
```
#f7adf4
```
#f7adf4 rgb(247,173,244)
```
#f9bff7
```
#f9bff7 rgb(249,191,247)
```
#fbd1f9
```
#fbd1f9 rgb(251,209,249)
```
#fce2fb
```
#fce2fb rgb(252,226,251)
```
#fef4fe
```
#fef4fe rgb(254,244,254)
```

Tint Color Variation

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

#6c606b
```
#6c606b rgb(108,96,107)
```
#735972
```
#735972 rgb(115,89,114)
```
#7b517a
```
#7b517a rgb(123,81,122)
```
#834981
```
#834981 rgb(131,73,129)
```
#8b4188
```
#8b4188 rgb(139,65,136)
```
#933990
```
#933990 rgb(147,57,144)
```
#9b3197
```
#9b3197 rgb(155,49,151)
```
#a22a9e
```
#a22a9e rgb(162,42,158)
```
#aa22a5
```
#aa22a5 rgb(170,34,165)
```
#b21aad
```
#b21aad rgb(178,26,173)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#c20abb
```
#c20abb rgb(194,10,187)
```
#ca02c3
```
#ca02c3 rgb(202,2,195)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6b496a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#5370a7 Deuteranopia 1% of men
#b25156 Tritanopia 0.001% of the population

Trichromacy

#434cc9 Protanomaly 1% of men, 0.01% of women
#784eab Deuteranomaly 6% of men, 0.4% of women
#b53a78 Tritanomaly 0.01% of the population

#ba12b4 hex color

#ba12b4 Color Information

#ba12b4 Color Conversion

Color Schemes with #ba12b4

Alternatives to #ba12b4

#ba12b4 Preview

Shades and Tints of #ba12b4

Tones of #ba12b4

Color Blindness Simulator