#ba18a5 hex color

In a RGB color space, hex #ba18a5 is composed of 72.9% red, 9.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 11.3% yellow and 27.1% black. It has a hue angle of 307.8 degrees, a saturation of 77.1% and a lightness of 41.2%. #ba18a5 color hex could be obtained by blending #ff30ff with #75004b. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 73
- G 9
- B 65
RGB color chart
- C 0
- M 87
- Y 11
- K 27
CMYK color chart

● #ba18a5 color description : Strong magenta.

The hexadecimal color #ba18a5 has RGB values of R:186, G:24, B:165 and CMYK values of C:0, M:0.87, Y:0.11, K:0.27. Its decimal value is 12196005.

Hex triplet	ba18a5	`#ba18a5`
RGB Decimal	186, 24, 165	`rgb(186,24,165)`
RGB Percent	72.9, 9.4, 64.7	`rgb(72.9%,9.4%,64.7%)`
CMYK	0, 87, 11, 27
HSL	307.8°, 77.1, 41.2	`hsl(307.8,77.1%,41.2%)`
HSV (or HSB)	307.8°, 87.1, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	43.961, 71.717, -35.957
XYZ	27.368, 13.811, 36.82
xyY	0.351, 0.177, 13.811
CIE-LCH	43.961, 80.226, 333.372
CIE-LUV	43.961, 68.277, -61.744
Hunter-Lab	37.163, 66.414, -32.727
Binary	10111010, 00011000, 10100101

#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#18ba2d
```
#18ba2d rgb(24,186,45)
```

Complementary Color

#7e18ba
```
#7e18ba rgb(126,24,186)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#ba1854
```
#ba1854 rgb(186,24,84)
```

Analogous Color

#18ba7e
```
#18ba7e rgb(24,186,126)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#54ba18
```
#54ba18 rgb(84,186,24)
```

Split Complementary Color

#18a5ba
```
#18a5ba rgb(24,165,186)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#a5ba18
```
#a5ba18 rgb(165,186,24)
```

Triadic Color

#2d18ba
```
#2d18ba rgb(45,24,186)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#a5ba18
```
#a5ba18 rgb(165,186,24)
```
#18ba2d
```
#18ba2d rgb(24,186,45)
```

Tetradic Color

#760f69
```
#760f69 rgb(118,15,105)
```
#8d127d
```
#8d127d rgb(141,18,125)
```
#a31591
```
#a31591 rgb(163,21,145)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#d11bb9
```
#d11bb9 rgb(209,27,185)
```
#e322ca
```
#e322ca rgb(227,34,202)
```
#e539cf
```
#e539cf rgb(229,57,207)
```

Monochromatic Color

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

#a718ba
```
#a718ba rgb(167,24,186)
```
#b418ba
```
#b418ba rgb(180,24,186)
```
#ba18b3
```
#ba18b3 rgb(186,24,179)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#ba1898
```
#ba1898 rgb(186,24,152)
```
#ba188a
```
#ba188a rgb(186,24,138)
```
#ba187d
```
#ba187d rgb(186,24,125)
```

Similar Colors

Text with hexadecimal color #ba18a5

This text has a font color of #ba18a5.

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

#ba18a5 background color

This paragraph has a background color of #ba18a5.

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

#ba18a5 border color

This element has a border color of #ba18a5.

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

CSS codes

.text {color:#ba18a5;}

.background {background-color:#ba18a5;}

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

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

#0c020b
```
#0c020b rgb(12,2,11)
```
#1e041a
```
#1e041a rgb(30,4,26)
```
#2f062a
```
#2f062a rgb(47,6,42)
```
#400839
```
#400839 rgb(64,8,57)
```
#520b49
```
#520b49 rgb(82,11,73)
```
#630d58
```
#630d58 rgb(99,13,88)
```
#750f67
```
#750f67 rgb(117,15,103)
```
#861177
```
#861177 rgb(134,17,119)
```
#971486
```
#971486 rgb(151,20,134)
```
#a91696
```
#a91696 rgb(169,22,150)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#cb1ab4
```
#cb1ab4 rgb(203,26,180)
```
#dd1cc4
```
#dd1cc4 rgb(221,28,196)
```

Shade Color Variation

#e329cb
```
#e329cb rgb(227,41,203)
```
#e63bd0
```
#e63bd0 rgb(230,59,208)
```
#e84cd4
```
#e84cd4 rgb(232,76,212)
```
#ea5ed8
```
#ea5ed8 rgb(234,94,216)
```
#ec6fdc
```
#ec6fdc rgb(236,111,220)
```
#ef80e0
```
#ef80e0 rgb(239,128,224)
```
#f192e5
```
#f192e5 rgb(241,146,229)
```
#f3a3e9
```
#f3a3e9 rgb(243,163,233)
```
#f5b4ed
```
#f5b4ed rgb(245,180,237)
```
#f8c6f1
```
#f8c6f1 rgb(248,198,241)
```
#fad7f5
```
#fad7f5 rgb(250,215,245)
```
#fce9fa
```
#fce9fa rgb(252,233,250)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#71616f
```
#71616f rgb(113,97,111)
```
#795975
```
#795975 rgb(121,89,117)
```
#81517b
```
#81517b rgb(129,81,123)
```
#8a4881
```
#8a4881 rgb(138,72,129)
```
#924087
```
#924087 rgb(146,64,135)
```
#9a388d
```
#9a388d rgb(154,56,141)
```
#a23093
```
#a23093 rgb(162,48,147)
```
#aa2899
```
#aa2899 rgb(170,40,153)
```
#b2209f
```
#b2209f rgb(178,32,159)
```
#ba18a5
```
#ba18a5 rgb(186,24,165)
```
#c210ab
```
#c210ab rgb(194,16,171)
```
#ca08b1
```
#ca08b1 rgb(202,8,177)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6c4c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#5e6e9a Deuteranopia 1% of men
#b44d51 Tritanopia 0.001% of the population

Trichromacy

#434dc3 Protanomaly 1% of men, 0.01% of women
#7f4f9e Deuteranomaly 6% of men, 0.4% of women
#b6396f Tritanomaly 0.01% of the population

#ba18a5 hex color

#ba18a5 Color Information

#ba18a5 Color Conversion

Color Schemes with #ba18a5

Alternatives to #ba18a5

#ba18a5 Preview

Shades and Tints of #ba18a5

Tones of #ba18a5

Color Blindness Simulator