#ba18d7 hex color

In a RGB color space, hex #ba18d7 is composed of 72.9% red, 9.4% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 88.8% magenta, 0% yellow and 15.7% black. It has a hue angle of 290.9 degrees, a saturation of 79.9% and a lightness of 46.9%. #ba18d7 color hex could be obtained by blending #ff30ff with #7500af. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 84
RGB color chart
- C 13
- M 89
- Y 0
- K 16
CMYK color chart

● #ba18d7 color description : Strong magenta.

The hexadecimal color #ba18d7 has RGB values of R:186, G:24, B:215 and CMYK values of C:0.13, M:0.89, Y:0, K:0.16. Its decimal value is 12196055.

Hex triplet	ba18d7	`#ba18d7`
RGB Decimal	186, 24, 215	`rgb(186,24,215)`
RGB Percent	72.9, 9.4, 84.3	`rgb(72.9%,9.4%,84.3%)`
CMYK	13, 89, 0, 16
HSL	290.9°, 79.9, 46.9	`hsl(290.9,79.9%,46.9%)`
HSV (or HSB)	290.9°, 88.8, 84.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.975, 79.412, -60.38
XYZ	32.841, 16, 65.645
xyY	0.287, 0.14, 16
CIE-LCH	46.975, 99.759, 322.753
CIE-LUV	46.975, 49.945, -98.809
Hunter-Lab	40.001, 76.549, -69.3
Binary	10111010, 00011000, 11010111

#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#35d718
```
#35d718 rgb(53,215,24)
```

Complementary Color

#5b18d7
```
#5b18d7 rgb(91,24,215)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#d71895
```
#d71895 rgb(215,24,149)
```

Analogous Color

#18d75b
```
#18d75b rgb(24,215,91)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#95d718
```
#95d718 rgb(149,215,24)
```

Split Complementary Color

#18d7ba
```
#18d7ba rgb(24,215,186)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#d7ba18
```
#d7ba18 rgb(215,186,24)
```

Triadic Color

#1835d7
```
#1835d7 rgb(24,53,215)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#d7ba18
```
#d7ba18 rgb(215,186,24)
```
#35d718
```
#35d718 rgb(53,215,24)
```

Tetradic Color

#7e1092
```
#7e1092 rgb(126,16,146)
```
#9213a9
```
#9213a9 rgb(146,19,169)
```
#a615c0
```
#a615c0 rgb(166,21,192)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#c922e6
```
#c922e6 rgb(201,34,230)
```
#ce39e9
```
#ce39e9 rgb(206,57,233)
```
#d450eb
```
#d450eb rgb(212,80,235)
```

Monochromatic Color

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

#8a18d7
```
#8a18d7 rgb(138,24,215)
```
#9a18d7
```
#9a18d7 rgb(154,24,215)
```
#aa18d7
```
#aa18d7 rgb(170,24,215)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#ca18d7
```
#ca18d7 rgb(202,24,215)
```
#d718d4
```
#d718d4 rgb(215,24,212)
```
#d718c4
```
#d718c4 rgb(215,24,196)
```

Similar Colors

Text with hexadecimal color #ba18d7

This text has a font color of #ba18d7.

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

#ba18d7 background color

This paragraph has a background color of #ba18d7.

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

#ba18d7 border color

This element has a border color of #ba18d7.

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

CSS codes

.text {color:#ba18d7;}

.background {background-color:#ba18d7;}

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

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, #030003 is the darkest color, while #fbf1fd is the lightest one.

#030003
```
#030003 rgb(3,0,3)
```
#120215
```
#120215 rgb(18,2,21)
```
#210427
```
#210427 rgb(33,4,39)
```
#310638
```
#310638 rgb(49,6,56)
```
#40084a
```
#40084a rgb(64,8,74)
```
#4f0a5b
```
#4f0a5b rgb(79,10,91)
```
#5e0c6d
```
#5e0c6d rgb(94,12,109)
```
#6e0e7f
```
#6e0e7f rgb(110,14,127)
```
#7d1090
```
#7d1090 rgb(125,16,144)
```
#8c12a2
```
#8c12a2 rgb(140,18,162)
```
#9b14b4
```
#9b14b4 rgb(155,20,180)
```
#ab16c5
```
#ab16c5 rgb(171,22,197)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```

Shade Color Variation

#c71de6
```
#c71de6 rgb(199,29,230)
```
#cc2fe8
```
#cc2fe8 rgb(204,47,232)
```
#d040ea
```
#d040ea rgb(208,64,234)
```
#d452ec
```
#d452ec rgb(212,82,236)
```
#d963ee
```
#d963ee rgb(217,99,238)
```
#dd75f0
```
#dd75f0 rgb(221,117,240)
```
#e187f2
```
#e187f2 rgb(225,135,242)
```
#e698f4
```
#e698f4 rgb(230,152,244)
```
#eaaaf6
```
#eaaaf6 rgb(234,170,246)
```
#eebcf7
```
#eebcf7 rgb(238,188,247)
```
#f3cdf9
```
#f3cdf9 rgb(243,205,249)
```
#f7dffb
```
#f7dffb rgb(247,223,251)
```
#fbf1fd
```
#fbf1fd rgb(251,241,253)
```

Tint Color Variation

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

#7a747b
```
#7a747b rgb(122,116,123)
```
#806b84
```
#806b84 rgb(128,107,132)
```
#87628d
```
#87628d rgb(135,98,141)
```
#8d5897
```
#8d5897 rgb(141,88,151)
```
#944fa0
```
#944fa0 rgb(148,79,160)
```
#9a46a9
```
#9a46a9 rgb(154,70,169)
```
#a03db2
```
#a03db2 rgb(160,61,178)
```
#a734bb
```
#a734bb rgb(167,52,187)
```
#ad2ac5
```
#ad2ac5 rgb(173,42,197)
```
#b421ce
```
#b421ce rgb(180,33,206)
```
#ba18d7
```
#ba18d7 rgb(186,24,215)
```
#c00fe0
```
#c00fe0 rgb(192,15,224)
```
#c706e9
```
#c706e9 rgb(199,6,233)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#705076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#2a78c5 Deuteranopia 1% of men
#ac6066 Tritanopia 0.001% of the population

Trichromacy

#4352dd Protanomaly 1% of men, 0.01% of women
#5e55cb Deuteranomaly 6% of men, 0.4% of women
#b1458f Tritanomaly 0.01% of the population

#ba18d7 hex color

#ba18d7 Color Information

#ba18d7 Color Conversion

Color Schemes with #ba18d7

Alternatives to #ba18d7

#ba18d7 Preview

Shades and Tints of #ba18d7

Tones of #ba18d7

Color Blindness Simulator