#ba15a2 hex color

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

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

● #ba15a2 color description : Strong magenta.

The hexadecimal color #ba15a2 has RGB values of R:186, G:21, B:162 and CMYK values of C:0, M:0.89, Y:0.13, K:0.27. Its decimal value is 12195234.

Hex triplet	ba15a2	`#ba15a2`
RGB Decimal	186, 21, 162	`rgb(186,21,162)`
RGB Percent	72.9, 8.2, 63.5	`rgb(72.9%,8.2%,63.5%)`
CMYK	0, 89, 13, 27
HSL	308.7°, 79.7, 40.6	`hsl(308.7,79.7%,40.6%)`
HSV (or HSB)	308.7°, 88.7, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	43.634, 71.802, -34.68
XYZ	27.039, 13.586, 35.379
xyY	0.356, 0.179, 13.586
CIE-LCH	43.634, 79.738, 334.22
CIE-LUV	43.634, 69.844, -59.824
Hunter-Lab	36.86, 66.439, -31.107
Binary	10111010, 00010101, 10100010

#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#15ba2d
```
#15ba2d rgb(21,186,45)
```

Complementary Color

#8015ba
```
#8015ba rgb(128,21,186)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#ba1550
```
#ba1550 rgb(186,21,80)
```

Analogous Color

#15ba80
```
#15ba80 rgb(21,186,128)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#50ba15
```
#50ba15 rgb(80,186,21)
```

Split Complementary Color

#15a2ba
```
#15a2ba rgb(21,162,186)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#a2ba15
```
#a2ba15 rgb(162,186,21)
```

Triadic Color

#2d15ba
```
#2d15ba rgb(45,21,186)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#a2ba15
```
#a2ba15 rgb(162,186,21)
```
#15ba2d
```
#15ba2d rgb(21,186,45)
```

Tetradic Color

#750d66
```
#750d66 rgb(117,13,102)
```
#8c107a
```
#8c107a rgb(140,16,122)
```
#a3128e
```
#a3128e rgb(163,18,142)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#d118b6
```
#d118b6 rgb(209,24,182)
```
#e51dc8
```
#e51dc8 rgb(229,29,200)
```
#e833ce
```
#e833ce rgb(232,51,206)
```

Monochromatic Color

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

#a915ba
```
#a915ba rgb(169,21,186)
```
#b715ba
```
#b715ba rgb(183,21,186)
```
#ba15b0
```
#ba15b0 rgb(186,21,176)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#ba1594
```
#ba1594 rgb(186,21,148)
```
#ba1587
```
#ba1587 rgb(186,21,135)
```
#ba1579
```
#ba1579 rgb(186,21,121)
```

Similar Colors

Text with hexadecimal color #ba15a2

This text has a font color of #ba15a2.

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

#ba15a2 background color

This paragraph has a background color of #ba15a2.

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

#ba15a2 border color

This element has a border color of #ba15a2.

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

CSS codes

.text {color:#ba15a2;}

.background {background-color:#ba15a2;}

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

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

#0a0108
```
#0a0108 rgb(10,1,8)
```
#1b0318
```
#1b0318 rgb(27,3,24)
```
#2d0527
```
#2d0527 rgb(45,5,39)
```
#3f0737
```
#3f0737 rgb(63,7,55)
```
#500946
```
#500946 rgb(80,9,70)
```
#620b55
```
#620b55 rgb(98,11,85)
```
#730d65
```
#730d65 rgb(115,13,101)
```
#850f74
```
#850f74 rgb(133,15,116)
```
#971183
```
#971183 rgb(151,17,131)
```
#a81393
```
#a81393 rgb(168,19,147)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#cc17b1
```
#cc17b1 rgb(204,23,177)
```
#dd19c1
```
#dd19c1 rgb(221,25,193)
```

Shade Color Variation

#e624ca
```
#e624ca rgb(230,36,202)
```
#e835ce
```
#e835ce rgb(232,53,206)
```
#ea47d2
```
#ea47d2 rgb(234,71,210)
```
#ec58d7
```
#ec58d7 rgb(236,88,215)
```
#ee6adb
```
#ee6adb rgb(238,106,219)
```
#f07cdf
```
#f07cdf rgb(240,124,223)
```
#f28de4
```
#f28de4 rgb(242,141,228)
```
#f49fe8
```
#f49fe8 rgb(244,159,232)
```
#f6b1ec
```
#f6b1ec rgb(246,177,236)
```
#f8c2f0
```
#f8c2f0 rgb(248,194,240)
```
#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 #ca05ad is the most saturated one.

#6a656a
```
#6a656a rgb(106,101,106)
```
#725d6f
```
#725d6f rgb(114,93,111)
```
#7a5575
```
#7a5575 rgb(122,85,117)
```
#824d7a
```
#824d7a rgb(130,77,122)
```
#8a4580
```
#8a4580 rgb(138,69,128)
```
#923d86
```
#923d86 rgb(146,61,134)
```
#9a358b
```
#9a358b rgb(154,53,139)
```
#a22d91
```
#a22d91 rgb(162,45,145)
```
#aa2597
```
#aa2597 rgb(170,37,151)
```
#b21d9c
```
#b21d9c rgb(178,29,156)
```
#ba15a2
```
#ba15a2 rgb(186,21,162)
```
#c20da8
```
#c20da8 rgb(194,13,168)
```
#ca05ad
```
#ca05ad rgb(202,5,173)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#434cc1 Protanomaly 1% of men, 0.01% of women
#804d9b Deuteranomaly 6% of men, 0.4% of women
#b6376d Tritanomaly 0.01% of the population

#ba15a2 hex color

#ba15a2 Color Information

#ba15a2 Color Conversion

Color Schemes with #ba15a2

Alternatives to #ba15a2

#ba15a2 Preview

Shades and Tints of #ba15a2

Tones of #ba15a2

Color Blindness Simulator