#ba18c5 hex color

In a RGB color space, hex #ba18c5 is composed of 72.9% red, 9.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 87.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 296.2 degrees, a saturation of 78.3% and a lightness of 43.3%. #ba18c5 color hex could be obtained by blending #ff30ff with #75008b. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 77
RGB color chart
- C 6
- M 88
- Y 0
- K 23
CMYK color chart

● #ba18c5 color description : Strong magenta.

The hexadecimal color #ba18c5 has RGB values of R:186, G:24, B:197 and CMYK values of C:0.06, M:0.88, Y:0, K:0.23. Its decimal value is 12196037.

Hex triplet	ba18c5	`#ba18c5`
RGB Decimal	186, 24, 197	`rgb(186,24,197)`
RGB Percent	72.9, 9.4, 77.3	`rgb(72.9%,9.4%,77.3%)`
CMYK	6, 88, 0, 23
HSL	296.2°, 78.3, 43.3	`hsl(296.2,78.3%,43.3%)`
HSV (or HSB)	296.2°, 87.8, 77.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.806, 76.483, -51.871
XYZ	30.654, 15.125, 54.125
xyY	0.307, 0.151, 15.125
CIE-LCH	45.806, 92.414, 325.855
CIE-LUV	45.806, 56.07, -85.838
Hunter-Lab	38.892, 72.63, -55.29
Binary	10111010, 00011000, 11000101

#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#23c518
```
#23c518 rgb(35,197,24)
```

Complementary Color

#6318c5
```
#6318c5 rgb(99,24,197)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#c5187a
```
#c5187a rgb(197,24,122)
```

Analogous Color

#18c563
```
#18c563 rgb(24,197,99)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#7ac518
```
#7ac518 rgb(122,197,24)
```

Split Complementary Color

#18c5ba
```
#18c5ba rgb(24,197,186)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#c5ba18
```
#c5ba18 rgb(197,186,24)
```

Triadic Color

#1823c5
```
#1823c5 rgb(24,35,197)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#c5ba18
```
#c5ba18 rgb(197,186,24)
```
#23c518
```
#23c518 rgb(35,197,24)
```

Tetradic Color

#7a1081
```
#7a1081 rgb(122,16,129)
```
#8f1298
```
#8f1298 rgb(143,18,152)
```
#a515ae
```
#a515ae rgb(165,21,174)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#cf1bdc
```
#cf1bdc rgb(207,27,220)
```
#d92be5
```
#d92be5 rgb(217,43,229)
```
#dd42e8
```
#dd42e8 rgb(221,66,232)
```

Monochromatic Color

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

#8f18c5
```
#8f18c5 rgb(143,24,197)
```
#9d18c5
```
#9d18c5 rgb(157,24,197)
```
#ac18c5
```
#ac18c5 rgb(172,24,197)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#c518c2
```
#c518c2 rgb(197,24,194)
```
#c518b3
```
#c518b3 rgb(197,24,179)
```
#c518a5
```
#c518a5 rgb(197,24,165)
```

Similar Colors

Text with hexadecimal color #ba18c5

This text has a font color of #ba18c5.

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

#ba18c5 background color

This paragraph has a background color of #ba18c5.

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

#ba18c5 border color

This element has a border color of #ba18c5.

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

CSS codes

.text {color:#ba18c5;}

.background {background-color:#ba18c5;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#150316
```
#150316 rgb(21,3,22)
```
#250528
```
#250528 rgb(37,5,40)
```
#360739
```
#360739 rgb(54,7,57)
```
#46094b
```
#46094b rgb(70,9,75)
```
#570b5c
```
#570b5c rgb(87,11,92)
```
#670d6e
```
#670d6e rgb(103,13,110)
```
#780f7f
```
#780f7f rgb(120,15,127)
```
#881291
```
#881291 rgb(136,18,145)
```
#9914a2
```
#9914a2 rgb(153,20,162)
```
#a916b4
```
#a916b4 rgb(169,22,180)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#cb1ad6
```
#cb1ad6 rgb(203,26,214)
```

Shade Color Variation

#d720e4
```
#d720e4 rgb(215,32,228)
```
#db32e6
```
#db32e6 rgb(219,50,230)
```
#de43e8
```
#de43e8 rgb(222,67,232)
```
#e155ea
```
#e155ea rgb(225,85,234)
```
#e466ec
```
#e466ec rgb(228,102,236)
```
#e778ef
```
#e778ef rgb(231,120,239)
```
#ea89f1
```
#ea89f1 rgb(234,137,241)
```
#ed9bf3
```
#ed9bf3 rgb(237,155,243)
```
#f0acf5
```
#f0acf5 rgb(240,172,245)
```
#f3bef7
```
#f3bef7 rgb(243,190,247)
```
#f7cff9
```
#f7cff9 rgb(247,207,249)
```
#fae1fb
```
#fae1fb rgb(250,225,251)
```
#fdf2fd
```
#fdf2fd rgb(253,242,253)
```

Tint Color Variation

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

#706d70
```
#706d70 rgb(112,109,112)
```
#776579
```
#776579 rgb(119,101,121)
```
#7f5c81
```
#7f5c81 rgb(127,92,129)
```
#86548a
```
#86548a rgb(134,84,138)
```
#8d4b92
```
#8d4b92 rgb(141,75,146)
```
#95439b
```
#95439b rgb(149,67,155)
```
#9c3aa3
```
#9c3aa3 rgb(156,58,163)
```
#a432ac
```
#a432ac rgb(164,50,172)
```
#ab29b4
```
#ab29b4 rgb(171,41,180)
```
#b321bd
```
#b321bd rgb(179,33,189)
```
#ba18c5
```
#ba18c5 rgb(186,24,197)
```
#c110ce
```
#c110ce rgb(193,16,206)
```
#c907d6
```
#c907d6 rgb(201,7,214)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f4e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#4574b6 Deuteranopia 1% of men
#af595e Tritanopia 0.001% of the population

Trichromacy

#4350d3 Protanomaly 1% of men, 0.01% of women
#7052bb Deuteranomaly 6% of men, 0.4% of women
#b34183 Tritanomaly 0.01% of the population

#ba18c5 hex color

#ba18c5 Color Information

#ba18c5 Color Conversion

Color Schemes with #ba18c5

Alternatives to #ba18c5

#ba18c5 Preview

Shades and Tints of #ba18c5

Tones of #ba18c5

Color Blindness Simulator