#ba15a3 hex color

In a RGB color space, hex #ba15a3 is composed of 72.9% red, 8.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 12.4% yellow and 27.1% black. It has a hue angle of 308.4 degrees, a saturation of 79.7% and a lightness of 40.6%. #ba15a3 color hex could be obtained by blending #ff2aff with #750047. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 73
- G 8
- B 64
RGB color chart
- C 0
- M 89
- Y 12
- K 27
CMYK color chart

● #ba15a3 color description : Strong magenta.

The hexadecimal color #ba15a3 has RGB values of R:186, G:21, B:163 and CMYK values of C:0, M:0.89, Y:0.12, K:0.27. Its decimal value is 12195235.

Hex triplet	ba15a3	`#ba15a3`
RGB Decimal	186, 21, 163	`rgb(186,21,163)`
RGB Percent	72.9, 8.2, 63.9	`rgb(72.9%,8.2%,63.9%)`
CMYK	0, 89, 12, 27
HSL	308.4°, 79.7, 40.6	`hsl(308.4,79.7%,40.6%)`
HSV (or HSB)	308.4°, 88.7, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	43.686, 71.938, -35.196
XYZ	27.129, 13.622, 35.849
xyY	0.354, 0.178, 13.622
CIE-LCH	43.686, 80.087, 333.93
CIE-LUV	43.686, 69.432, -60.594
Hunter-Lab	36.908, 66.615, -31.753
Binary	10111010, 00010101, 10100011

#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#15ba2c
```
#15ba2c rgb(21,186,44)
```

Complementary Color

#7f15ba
```
#7f15ba rgb(127,21,186)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#ba1551
```
#ba1551 rgb(186,21,81)
```

Analogous Color

#15ba7f
```
#15ba7f rgb(21,186,127)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#51ba15
```
#51ba15 rgb(81,186,21)
```

Split Complementary Color

#15a3ba
```
#15a3ba rgb(21,163,186)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#a3ba15
```
#a3ba15 rgb(163,186,21)
```

Triadic Color

#2c15ba
```
#2c15ba rgb(44,21,186)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#a3ba15
```
#a3ba15 rgb(163,186,21)
```
#15ba2c
```
#15ba2c rgb(21,186,44)
```

Tetradic Color

#750d67
```
#750d67 rgb(117,13,103)
```
#8c107b
```
#8c107b rgb(140,16,123)
```
#a3128f
```
#a3128f rgb(163,18,143)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#d118b7
```
#d118b7 rgb(209,24,183)
```
#e51dc9
```
#e51dc9 rgb(229,29,201)
```
#e833cf
```
#e833cf rgb(232,51,207)
```

Monochromatic Color

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

#a815ba
```
#a815ba rgb(168,21,186)
```
#b615ba
```
#b615ba rgb(182,21,186)
```
#ba15b1
```
#ba15b1 rgb(186,21,177)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#ba1595
```
#ba1595 rgb(186,21,149)
```
#ba1588
```
#ba1588 rgb(186,21,136)
```
#ba157a
```
#ba157a rgb(186,21,122)
```

Similar Colors

Text with hexadecimal color #ba15a3

This text has a font color of #ba15a3.

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

#ba15a3 background color

This paragraph has a background color of #ba15a3.

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

#ba15a3 border color

This element has a border color of #ba15a3.

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

CSS codes

.text {color:#ba15a3;}

.background {background-color:#ba15a3;}

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

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

#0a0109
```
#0a0109 rgb(10,1,9)
```
#1b0318
```
#1b0318 rgb(27,3,24)
```
#2d0527
```
#2d0527 rgb(45,5,39)
```
#3f0737
```
#3f0737 rgb(63,7,55)
```
#500946
```
#500946 rgb(80,9,70)
```
#620b56
```
#620b56 rgb(98,11,86)
```
#730d65
```
#730d65 rgb(115,13,101)
```
#850f75
```
#850f75 rgb(133,15,117)
```
#971184
```
#971184 rgb(151,17,132)
```
#a81394
```
#a81394 rgb(168,19,148)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#cc17b2
```
#cc17b2 rgb(204,23,178)
```
#dd19c2
```
#dd19c2 rgb(221,25,194)
```

Shade Color Variation

#e624cb
```
#e624cb rgb(230,36,203)
```
#e835cf
```
#e835cf rgb(232,53,207)
```
#ea47d3
```
#ea47d3 rgb(234,71,211)
```
#ec58d8
```
#ec58d8 rgb(236,88,216)
```
#ee6adc
```
#ee6adc rgb(238,106,220)
```
#f07ce0
```
#f07ce0 rgb(240,124,224)
```
#f28de4
```
#f28de4 rgb(242,141,228)
```
#f49fe8
```
#f49fe8 rgb(244,159,232)
```
#f6b1ec
```
#f6b1ec rgb(246,177,236)
```
#f8c2f1
```
#f8c2f1 rgb(248,194,241)
```
#fad4f5
```
#fad4f5 rgb(250,212,245)
```
#fce5f9
```
#fce5f9 rgb(252,229,249)
```
#fef7fd
```
#fef7fd rgb(254,247,253)
```

Tint Color Variation

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

#6a656a
```
#6a656a rgb(106,101,106)
```
#725d6f
```
#725d6f rgb(114,93,111)
```
#7a5575
```
#7a5575 rgb(122,85,117)
```
#824d7b
```
#824d7b rgb(130,77,123)
```
#8a4581
```
#8a4581 rgb(138,69,129)
```
#923d86
```
#923d86 rgb(146,61,134)
```
#9a358c
```
#9a358c rgb(154,53,140)
```
#a22d92
```
#a22d92 rgb(162,45,146)
```
#aa2598
```
#aa2598 rgb(170,37,152)
```
#b21d9d
```
#b21d9d rgb(178,29,157)
```
#ba15a3
```
#ba15a3 rgb(186,21,163)
```
#c20da9
```
#c20da9 rgb(194,13,169)
```
#ca05ae
```
#ca05ae rgb(202,5,174)
```

Tone Color Variation

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

Dichromacy

#006bd3 Protanopia 1% of men
#5e6e98 Deuteranopia 1% of men
#b44b4f Tritanopia 0.001% of the population

Trichromacy

#434cc1 Protanomaly 1% of men, 0.01% of women
#7f4d9c Deuteranomaly 6% of men, 0.4% of women
#b6376e Tritanomaly 0.01% of the population

#ba15a3 hex color

#ba15a3 Color Information

#ba15a3 Color Conversion

Color Schemes with #ba15a3

Alternatives to #ba15a3

#ba15a3 Preview

Shades and Tints of #ba15a3

Tones of #ba15a3

Color Blindness Simulator