#ba18a7 hex color

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

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

● #ba18a7 color description : Strong magenta.

The hexadecimal color #ba18a7 has RGB values of R:186, G:24, B:167 and CMYK values of C:0, M:0.87, Y:0.1, K:0.27. Its decimal value is 12196007.

Hex triplet	ba18a7	`#ba18a7`
RGB Decimal	186, 24, 167	`rgb(186,24,167)`
RGB Percent	72.9, 9.4, 65.5	`rgb(72.9%,9.4%,65.5%)`
CMYK	0, 87, 10, 27
HSL	307°, 77.1, 41.2	`hsl(307,77.1%,41.2%)`
HSV (or HSB)	307°, 87.1, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.067, 71.996, -36.983
XYZ	27.551, 13.885, 37.786
xyY	0.348, 0.175, 13.885
CIE-LCH	44.067, 80.94, 332.811
CIE-LUV	44.067, 67.468, -63.282
Hunter-Lab	37.262, 66.773, -34.041
Binary	10111010, 00011000, 10100111

#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#18ba2b
```
#18ba2b rgb(24,186,43)
```

Complementary Color

#7c18ba
```
#7c18ba rgb(124,24,186)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#ba1856
```
#ba1856 rgb(186,24,86)
```

Analogous Color

#18ba7c
```
#18ba7c rgb(24,186,124)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#56ba18
```
#56ba18 rgb(86,186,24)
```

Split Complementary Color

#18a7ba
```
#18a7ba rgb(24,167,186)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#a7ba18
```
#a7ba18 rgb(167,186,24)
```

Triadic Color

#2b18ba
```
#2b18ba rgb(43,24,186)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#a7ba18
```
#a7ba18 rgb(167,186,24)
```
#18ba2b
```
#18ba2b rgb(24,186,43)
```

Tetradic Color

#760f6a
```
#760f6a rgb(118,15,106)
```
#8d127e
```
#8d127e rgb(141,18,126)
```
#a31593
```
#a31593 rgb(163,21,147)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#d11bbb
```
#d11bbb rgb(209,27,187)
```
#e322cc
```
#e322cc rgb(227,34,204)
```
#e539d1
```
#e539d1 rgb(229,57,209)
```

Monochromatic Color

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

#a518ba
```
#a518ba rgb(165,24,186)
```
#b218ba
```
#b218ba rgb(178,24,186)
```
#ba18b5
```
#ba18b5 rgb(186,24,181)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#ba189a
```
#ba189a rgb(186,24,154)
```
#ba188c
```
#ba188c rgb(186,24,140)
```
#ba187f
```
#ba187f rgb(186,24,127)
```

Similar Colors

Text with hexadecimal color #ba18a7

This text has a font color of #ba18a7.

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

#ba18a7 background color

This paragraph has a background color of #ba18a7.

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

#ba18a7 border color

This element has a border color of #ba18a7.

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

CSS codes

.text {color:#ba18a7;}

.background {background-color:#ba18a7;}

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

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)
```
#1e041b
```
#1e041b rgb(30,4,27)
```
#2f062a
```
#2f062a rgb(47,6,42)
```
#40083a
```
#40083a rgb(64,8,58)
```
#520b49
```
#520b49 rgb(82,11,73)
```
#630d59
```
#630d59 rgb(99,13,89)
```
#750f69
```
#750f69 rgb(117,15,105)
```
#861178
```
#861178 rgb(134,17,120)
```
#971488
```
#971488 rgb(151,20,136)
```
#a91697
```
#a91697 rgb(169,22,151)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#cb1ab7
```
#cb1ab7 rgb(203,26,183)
```
#dd1cc6
```
#dd1cc6 rgb(221,28,198)
```

Shade Color Variation

#e329ce
```
#e329ce rgb(227,41,206)
```
#e63bd2
```
#e63bd2 rgb(230,59,210)
```
#e84cd6
```
#e84cd6 rgb(232,76,214)
```
#ea5eda
```
#ea5eda rgb(234,94,218)
```
#ec6fde
```
#ec6fde rgb(236,111,222)
```
#ef80e2
```
#ef80e2 rgb(239,128,226)
```
#f192e6
```
#f192e6 rgb(241,146,230)
```
#f3a3ea
```
#f3a3ea rgb(243,163,234)
```
#f5b4ee
```
#f5b4ee rgb(245,180,238)
```
#f8c6f2
```
#f8c6f2 rgb(248,198,242)
```
#fad7f6
```
#fad7f6 rgb(250,215,246)
```
#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 #ca08b3 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#71616f
```
#71616f rgb(113,97,111)
```
#795976
```
#795976 rgb(121,89,118)
```
#81517c
```
#81517c rgb(129,81,124)
```
#8a4882
```
#8a4882 rgb(138,72,130)
```
#924088
```
#924088 rgb(146,64,136)
```
#9a388e
```
#9a388e rgb(154,56,142)
```
#a23094
```
#a23094 rgb(162,48,148)
```
#aa289b
```
#aa289b rgb(170,40,155)
```
#b220a1
```
#b220a1 rgb(178,32,161)
```
#ba18a7
```
#ba18a7 rgb(186,24,167)
```
#c210ad
```
#c210ad rgb(194,16,173)
```
#ca08b3
```
#ca08b3 rgb(202,8,179)
```

Tone Color Variation

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

Dichromacy

#006cd4 Protanopia 1% of men
#5d6f9c Deuteranopia 1% of men
#b44d52 Tritanopia 0.001% of the population

Trichromacy

#434dc4 Protanomaly 1% of men, 0.01% of women
#7e4fa0 Deuteranomaly 6% of men, 0.4% of women
#b63a71 Tritanomaly 0.01% of the population

#ba18a7 hex color

#ba18a7 Color Information

#ba18a7 Color Conversion

Color Schemes with #ba18a7

Alternatives to #ba18a7

#ba18a7 Preview

Shades and Tints of #ba18a7

Tones of #ba18a7

Color Blindness Simulator