#ba44dc hex color

In a RGB color space, hex #ba44dc is composed of 72.9% red, 26.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 69.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 286.6 degrees, a saturation of 68.5% and a lightness of 56.5%. #ba44dc color hex could be obtained by blending #ff88ff with #7500b9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 27
- B 86
RGB color chart
- C 15
- M 69
- Y 0
- K 14
CMYK color chart

● #ba44dc color description : Soft magenta.

The hexadecimal color #ba44dc has RGB values of R:186, G:68, B:220 and CMYK values of C:0.15, M:0.69, Y:0, K:0.14. Its decimal value is 12207324.

Hex triplet	ba44dc	`#ba44dc`
RGB Decimal	186, 68, 220	`rgb(186,68,220)`
RGB Percent	72.9, 26.7, 86.3	`rgb(72.9%,26.7%,86.3%)`
CMYK	15, 69, 0, 14
HSL	286.6°, 68.5, 56.5	`hsl(286.6,68.5%,56.5%)`
HSV (or HSB)	286.6°, 69.1, 86.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.544, 68.038, -55.879
XYZ	35.234, 19.742, 69.661
xyY	0.283, 0.158, 19.742
CIE-LCH	51.544, 88.043, 320.604
CIE-LUV	51.544, 42.202, -93.484
Hunter-Lab	44.432, 63.79, -61.853
Binary	10111010, 01000100, 11011100

#ba44dc
```
#ba44dc rgb(186,68,220)
```
#66dc44
```
#66dc44 rgb(102,220,68)
```

Complementary Color

#6e44dc
```
#6e44dc rgb(110,68,220)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#dc44b2
```
#dc44b2 rgb(220,68,178)
```

Analogous Color

#44dc6e
```
#44dc6e rgb(68,220,110)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#b2dc44
```
#b2dc44 rgb(178,220,68)
```

Split Complementary Color

#44dcba
```
#44dcba rgb(68,220,186)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#dcba44
```
#dcba44 rgb(220,186,68)
```

Triadic Color

#4466dc
```
#4466dc rgb(68,102,220)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#dcba44
```
#dcba44 rgb(220,186,68)
```
#66dc44
```
#66dc44 rgb(102,220,68)
```

Tetradic Color

#9221b2
```
#9221b2 rgb(146,33,178)
```
#a325c8
```
#a325c8 rgb(163,37,200)
```
#b22fd8
```
#b22fd8 rgb(178,47,216)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#c259e0
```
#c259e0 rgb(194,89,224)
```
#ca6fe4
```
#ca6fe4 rgb(202,111,228)
```
#d284e8
```
#d284e8 rgb(210,132,232)
```

Monochromatic Color

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

#9444dc
```
#9444dc rgb(148,68,220)
```
#a144dc
```
#a144dc rgb(161,68,220)
```
#ad44dc
```
#ad44dc rgb(173,68,220)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#c744dc
```
#c744dc rgb(199,68,220)
```
#d344dc
```
#d344dc rgb(211,68,220)
```
#dc44d8
```
#dc44d8 rgb(220,68,216)
```

Similar Colors

Text with hexadecimal color #ba44dc

This text has a font color of #ba44dc.

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

#ba44dc background color

This paragraph has a background color of #ba44dc.

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

#ba44dc border color

This element has a border color of #ba44dc.

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

CSS codes

.text {color:#ba44dc;}

.background {background-color:#ba44dc;}

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

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, #09020b is the darkest color, while #fdfafe is the lightest one.

#09020b
```
#09020b rgb(9,2,11)
```
#17051c
```
#17051c rgb(23,5,28)
```
#24082c
```
#24082c rgb(36,8,44)
```
#320b3d
```
#320b3d rgb(50,11,61)
```
#3f0e4d
```
#3f0e4d rgb(63,14,77)
```
#4d125e
```
#4d125e rgb(77,18,94)
```
#5a156e
```
#5a156e rgb(90,21,110)
```
#68187f
```
#68187f rgb(104,24,127)
```
#751b8f
```
#751b8f rgb(117,27,143)
```
#831ea0
```
#831ea0 rgb(131,30,160)
```
#9021b1
```
#9021b1 rgb(144,33,177)
```
#9e24c1
```
#9e24c1 rgb(158,36,193)
```
#ab27d2
```
#ab27d2 rgb(171,39,210)
```

Shade Color Variation

#b433d9
```
#b433d9 rgb(180,51,217)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#c055df
```
#c055df rgb(192,85,223)
```
#c665e2
```
#c665e2 rgb(198,101,226)
```
#cc76e5
```
#cc76e5 rgb(204,118,229)
```
#d286e8
```
#d286e8 rgb(210,134,232)
```
#d897eb
```
#d897eb rgb(216,151,235)
```
#dfa7ef
```
#dfa7ef rgb(223,167,239)
```
#e5b8f2
```
#e5b8f2 rgb(229,184,242)
```
#ebc8f5
```
#ebc8f5 rgb(235,200,245)
```
#f1d9f8
```
#f1d9f8 rgb(241,217,248)
```
#f7e9fb
```
#f7e9fb rgb(247,233,251)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#948898
```
#948898 rgb(148,136,152)
```
#9980a0
```
#9980a0 rgb(153,128,160)
```
#9e77a9
```
#9e77a9 rgb(158,119,169)
```
#a26fb1
```
#a26fb1 rgb(162,111,177)
```
#a766ba
```
#a766ba rgb(167,102,186)
```
#ac5ec2
```
#ac5ec2 rgb(172,94,194)
```
#b155cb
```
#b155cb rgb(177,85,203)
```
#b54dd3
```
#b54dd3 rgb(181,77,211)
```
#ba44dc
```
#ba44dc rgb(186,68,220)
```
#bf3be5
```
#bf3be5 rgb(191,59,229)
```
#c333ed
```
#c333ed rgb(195,51,237)
```
#c82af6
```
#c82af6 rgb(200,42,246)
```
#cd22fe
```
#cd22fe rgb(205,34,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#866e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#4882ce Deuteranopia 1% of men
#ad7178 Tritanopia 0.001% of the population

Trichromacy

#4368ec Protanomaly 1% of men, 0.01% of women
#716bd3 Deuteranomaly 6% of men, 0.4% of women
#b1609c Tritanomaly 0.01% of the population

#ba44dc hex color

#ba44dc Color Information

#ba44dc Color Conversion

Color Schemes with #ba44dc

Alternatives to #ba44dc

#ba44dc Preview

Shades and Tints of #ba44dc

Tones of #ba44dc

Color Blindness Simulator