#ba12af hex color

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

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

● #ba12af color description : Strong magenta.

The hexadecimal color #ba12af has RGB values of R:186, G:18, B:175 and CMYK values of C:0, M:0.9, Y:0.06, K:0.27. Its decimal value is 12194479.

Hex triplet	ba12af	`#ba12af`
RGB Decimal	186, 18, 175	`rgb(186,18,175)`
RGB Percent	72.9, 7.1, 68.6	`rgb(72.9%,7.1%,68.6%)`
CMYK	0, 90, 6, 27
HSL	303.9°, 82.4, 40	`hsl(303.9,82.4%,40%)`
HSV (or HSB)	303.9°, 90.3, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.188, 74.064, -41.544
XYZ	28.203, 13.969, 41.766
xyY	0.336, 0.166, 13.969
CIE-LCH	44.188, 84.92, 330.711
CIE-LUV	44.188, 64.862, -70.102
Hunter-Lab	37.375, 69.291, -40.093
Binary	10111010, 00010010, 10101111

#ba12af
```
#ba12af rgb(186,18,175)
```
#12ba1d
```
#12ba1d rgb(18,186,29)
```

Complementary Color

#7112ba
```
#7112ba rgb(113,18,186)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#ba125b
```
#ba125b rgb(186,18,91)
```

Analogous Color

#12ba71
```
#12ba71 rgb(18,186,113)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#5bba12
```
#5bba12 rgb(91,186,18)
```

Split Complementary Color

#12afba
```
#12afba rgb(18,175,186)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#afba12
```
#afba12 rgb(175,186,18)
```

Triadic Color

#1d12ba
```
#1d12ba rgb(29,18,186)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#afba12
```
#afba12 rgb(175,186,18)
```
#12ba1d
```
#12ba1d rgb(18,186,29)
```

Tetradic Color

#740b6d
```
#740b6d rgb(116,11,109)
```
#8c0e83
```
#8c0e83 rgb(140,14,131)
```
#a31099
```
#a31099 rgb(163,16,153)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#d114c5
```
#d114c5 rgb(209,20,197)
```
#e917db
```
#e917db rgb(233,23,219)
```
#eb2ede
```
#eb2ede rgb(235,46,222)
```

Monochromatic Color

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

#9b12ba
```
#9b12ba rgb(155,18,186)
```
#a912ba
```
#a912ba rgb(169,18,186)
```
#b712ba
```
#b712ba rgb(183,18,186)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#ba12a1
```
#ba12a1 rgb(186,18,161)
```
#ba1293
```
#ba1293 rgb(186,18,147)
```
#ba1285
```
#ba1285 rgb(186,18,133)
```

Similar Colors

Text with hexadecimal color #ba12af

This text has a font color of #ba12af.

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

#ba12af background color

This paragraph has a background color of #ba12af.

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

#ba12af border color

This element has a border color of #ba12af.

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

CSS codes

.text {color:#ba12af;}

.background {background-color:#ba12af;}

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

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)
```
#190218
```
#190218 rgb(25,2,24)
```
#2b0428
```
#2b0428 rgb(43,4,40)
```
#3d0639
```
#3d0639 rgb(61,6,57)
```
#4f084a
```
#4f084a rgb(79,8,74)
```
#61095b
```
#61095b rgb(97,9,91)
```
#720b6c
```
#720b6c rgb(114,11,108)
```
#840d7d
```
#840d7d rgb(132,13,125)
```
#960f8d
```
#960f8d rgb(150,15,141)
```
#a8109e
```
#a8109e rgb(168,16,158)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#cc14c0
```
#cc14c0 rgb(204,20,192)
```
#de15d1
```
#de15d1 rgb(222,21,209)
```

Shade Color Variation

#e91edc
```
#e91edc rgb(233,30,220)
```
#eb30df
```
#eb30df rgb(235,48,223)
```
#ed41e1
```
#ed41e1 rgb(237,65,225)
```
#ee53e4
```
#ee53e4 rgb(238,83,228)
```
#f065e7
```
#f065e7 rgb(240,101,231)
```
#f277ea
```
#f277ea rgb(242,119,234)
```
#f489ed
```
#f489ed rgb(244,137,237)
```
#f59bef
```
#f59bef rgb(245,155,239)
```
#f7adf2
```
#f7adf2 rgb(247,173,242)
```
#f9bff5
```
#f9bff5 rgb(249,191,245)
```
#fbd1f8
```
#fbd1f8 rgb(251,209,248)
```
#fce2fb
```
#fce2fb rgb(252,226,251)
```
#fef4fd
```
#fef4fd rgb(254,244,253)
```

Tint Color Variation

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

#6c606b
```
#6c606b rgb(108,96,107)
```
#735972
```
#735972 rgb(115,89,114)
```
#7b5178
```
#7b5178 rgb(123,81,120)
```
#83497f
```
#83497f rgb(131,73,127)
```
#8b4186
```
#8b4186 rgb(139,65,134)
```
#93398d
```
#93398d rgb(147,57,141)
```
#9b3194
```
#9b3194 rgb(155,49,148)
```
#a22a9b
```
#a22a9b rgb(162,42,155)
```
#aa22a1
```
#aa22a1 rgb(170,34,161)
```
#b21aa8
```
#b21aa8 rgb(178,26,168)
```
#ba12af
```
#ba12af rgb(186,18,175)
```
#c20ab6
```
#c20ab6 rgb(194,10,182)
```
#ca02bd
```
#ca02bd rgb(202,2,189)
```

Tone Color Variation

Below, you can see how #ba12af 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
#6a4868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 Protanopia 1% of men
#566fa2 Deuteranopia 1% of men
#b34f54 Tritanopia 0.001% of the population

Trichromacy

#434bc7 Protanomaly 1% of men, 0.01% of women
#7a4da7 Deuteranomaly 6% of men, 0.4% of women
#b53975 Tritanomaly 0.01% of the population

#ba12af hex color

#ba12af Color Information

#ba12af Color Conversion

Color Schemes with #ba12af

Alternatives to #ba12af

#ba12af Preview

Shades and Tints of #ba12af

Tones of #ba12af

Color Blindness Simulator