#ba12aa hex color

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

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

● #ba12aa color description : Strong magenta.

The hexadecimal color #ba12aa has RGB values of R:186, G:18, B:170 and CMYK values of C:0, M:0.9, Y:0.09, K:0.27. Its decimal value is 12194474.

Hex triplet	ba12aa	`#ba12aa`
RGB Decimal	186, 18, 170	`rgb(186,18,170)`
RGB Percent	72.9, 7.1, 66.7	`rgb(72.9%,7.1%,66.7%)`
CMYK	0, 90, 9, 27
HSL	305.7°, 82.4, 40	`hsl(305.7,82.4%,40%)`
HSV (or HSB)	305.7°, 90.3, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	43.91, 73.352, -39.018
XYZ	27.721, 13.776, 39.227
xyY	0.343, 0.171, 13.776
CIE-LCH	43.91, 83.084, 331.99
CIE-LUV	43.91, 66.865, -66.302
Hunter-Lab	37.116, 68.365, -36.681
Binary	10111010, 00010010, 10101010

#ba12aa
```
#ba12aa rgb(186,18,170)
```
#12ba22
```
#12ba22 rgb(18,186,34)
```

Complementary Color

#7612ba
```
#7612ba rgb(118,18,186)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#ba1256
```
#ba1256 rgb(186,18,86)
```

Analogous Color

#12ba76
```
#12ba76 rgb(18,186,118)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#56ba12
```
#56ba12 rgb(86,186,18)
```

Split Complementary Color

#12aaba
```
#12aaba rgb(18,170,186)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#aaba12
```
#aaba12 rgb(170,186,18)
```

Triadic Color

#2212ba
```
#2212ba rgb(34,18,186)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#aaba12
```
#aaba12 rgb(170,186,18)
```
#12ba22
```
#12ba22 rgb(18,186,34)
```

Tetradic Color

#740b6a
```
#740b6a rgb(116,11,106)
```
#8c0e80
```
#8c0e80 rgb(140,14,128)
```
#a31095
```
#a31095 rgb(163,16,149)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#d114bf
```
#d114bf rgb(209,20,191)
```
#e917d5
```
#e917d5 rgb(233,23,213)
```
#eb2ed9
```
#eb2ed9 rgb(235,46,217)
```

Monochromatic Color

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

#a012ba
```
#a012ba rgb(160,18,186)
```
#ae12ba
```
#ae12ba rgb(174,18,186)
```
#ba12b8
```
#ba12b8 rgb(186,18,184)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#ba129c
```
#ba129c rgb(186,18,156)
```
#ba128e
```
#ba128e rgb(186,18,142)
```
#ba1280
```
#ba1280 rgb(186,18,128)
```

Similar Colors

Text with hexadecimal color #ba12aa

This text has a font color of #ba12aa.

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

#ba12aa background color

This paragraph has a background color of #ba12aa.

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

#ba12aa border color

This element has a border color of #ba12aa.

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

CSS codes

.text {color:#ba12aa;}

.background {background-color:#ba12aa;}

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

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 #fef4fd is the lightest one.

#070107
```
#070107 rgb(7,1,7)
```
#190217
```
#190217 rgb(25,2,23)
```
#2b0427
```
#2b0427 rgb(43,4,39)
```
#3d0638
```
#3d0638 rgb(61,6,56)
```
#4f0848
```
#4f0848 rgb(79,8,72)
```
#610958
```
#610958 rgb(97,9,88)
```
#720b69
```
#720b69 rgb(114,11,105)
```
#840d79
```
#840d79 rgb(132,13,121)
```
#960f89
```
#960f89 rgb(150,15,137)
```
#a8109a
```
#a8109a rgb(168,16,154)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#cc14ba
```
#cc14ba rgb(204,20,186)
```
#de15cb
```
#de15cb rgb(222,21,203)
```

Shade Color Variation

#e91ed6
```
#e91ed6 rgb(233,30,214)
```
#eb30d9
```
#eb30d9 rgb(235,48,217)
```
#ed41dc
```
#ed41dc rgb(237,65,220)
```
#ee53e0
```
#ee53e0 rgb(238,83,224)
```
#f065e3
```
#f065e3 rgb(240,101,227)
```
#f277e6
```
#f277e6 rgb(242,119,230)
```
#f489e9
```
#f489e9 rgb(244,137,233)
```
#f59bed
```
#f59bed rgb(245,155,237)
```
#f7adf0
```
#f7adf0 rgb(247,173,240)
```
#f9bff3
```
#f9bff3 rgb(249,191,243)
```
#fbd1f7
```
#fbd1f7 rgb(251,209,247)
```
#fce2fa
```
#fce2fa rgb(252,226,250)
```
#fef4fd
```
#fef4fd rgb(254,244,253)
```

Tint Color Variation

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

#6c606a
```
#6c606a rgb(108,96,106)
```
#735971
```
#735971 rgb(115,89,113)
```
#7b5177
```
#7b5177 rgb(123,81,119)
```
#83497e
```
#83497e rgb(131,73,126)
```
#8b4184
```
#8b4184 rgb(139,65,132)
```
#93398a
```
#93398a rgb(147,57,138)
```
#9b3191
```
#9b3191 rgb(155,49,145)
```
#a22a97
```
#a22a97 rgb(162,42,151)
```
#aa229d
```
#aa229d rgb(170,34,157)
```
#b21aa4
```
#b21aa4 rgb(178,26,164)
```
#ba12aa
```
#ba12aa rgb(186,18,170)
```
#c20ab0
```
#c20ab0 rgb(194,10,176)
```
#ca02b7
```
#ca02b7 rgb(202,2,183)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#5a6f9e Deuteranopia 1% of men
#b34d52 Tritanopia 0.001% of the population

Trichromacy

#434bc4 Protanomaly 1% of men, 0.01% of women
#7c4da2 Deuteranomaly 6% of men, 0.4% of women
#b63772 Tritanomaly 0.01% of the population

#ba12aa hex color

#ba12aa Color Information

#ba12aa Color Conversion

Color Schemes with #ba12aa

Alternatives to #ba12aa

#ba12aa Preview

Shades and Tints of #ba12aa

Tones of #ba12aa

Color Blindness Simulator