#ba2bdd hex color

In a RGB color space, hex #ba2bdd is composed of 72.9% red, 16.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 80.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 288.2 degrees, a saturation of 72.4% and a lightness of 51.8%. #ba2bdd color hex could be obtained by blending #ff56ff with #7500bb. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 17
- B 87
RGB color chart
- C 16
- M 81
- Y 0
- K 13
CMYK color chart

● #ba2bdd color description : Bright magenta.

The hexadecimal color #ba2bdd has RGB values of R:186, G:43, B:221 and CMYK values of C:0.16, M:0.81, Y:0, K:0.13. Its decimal value is 12200925.

Hex triplet	ba2bdd	`#ba2bdd`
RGB Decimal	186, 43, 221	`rgb(186,43,221)`
RGB Percent	72.9, 16.9, 86.7	`rgb(72.9%,16.9%,86.7%)`
CMYK	16, 81, 0, 13
HSL	288.2°, 72.4, 51.8	`hsl(288.2,72.4%,51.8%)`
HSV (or HSB)	288.2°, 80.5, 86.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.746, 76.424, -60.949
XYZ	34.163, 17.389, 69.96
xyY	0.281, 0.143, 17.389
CIE-LCH	48.746, 97.752, 321.427
CIE-LUV	48.746, 46.151, -100.352
Hunter-Lab	41.7, 73.263, -70.28
Binary	10111010, 00101011, 11011101

#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#4edd2b
```
#4edd2b rgb(78,221,43)
```

Complementary Color

#612bdd
```
#612bdd rgb(97,43,221)
```
#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#dd2ba7
```
#dd2ba7 rgb(221,43,167)
```

Analogous Color

#2bdd61
```
#2bdd61 rgb(43,221,97)
```
#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#a7dd2b
```
#a7dd2b rgb(167,221,43)
```

Split Complementary Color

#2bddba
```
#2bddba rgb(43,221,186)
```
#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#ddba2b
```
#ddba2b rgb(221,186,43)
```

Triadic Color

#2b4edd
```
#2b4edd rgb(43,78,221)
```
#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#ddba2b
```
#ddba2b rgb(221,186,43)
```
#4edd2b
```
#4edd2b rgb(78,221,43)
```

Tetradic Color

#871aa2
```
#871aa2 rgb(135,26,162)
```
#991db8
```
#991db8 rgb(153,29,184)
```
#ac21ce
```
#ac21ce rgb(172,33,206)
```
#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#c141e1
```
#c141e1 rgb(193,65,225)
```
#c857e4
```
#c857e4 rgb(200,87,228)
```
#cf6de8
```
#cf6de8 rgb(207,109,232)
```

Monochromatic Color

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

#8e2bdd
```
#8e2bdd rgb(142,43,221)
```
#9c2bdd
```
#9c2bdd rgb(156,43,221)
```
#ab2bdd
```
#ab2bdd rgb(171,43,221)
```
#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#c92bdd
```
#c92bdd rgb(201,43,221)
```
#d82bdd
```
#d82bdd rgb(216,43,221)
```
#dd2bd4
```
#dd2bd4 rgb(221,43,212)
```

Similar Colors

Text with hexadecimal color #ba2bdd

This text has a font color of #ba2bdd.

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

#ba2bdd background color

This paragraph has a background color of #ba2bdd.

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

#ba2bdd border color

This element has a border color of #ba2bdd.

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

CSS codes

.text {color:#ba2bdd;}

.background {background-color:#ba2bdd;}

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

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

#060108
```
#060108 rgb(6,1,8)
```
#150419
```
#150419 rgb(21,4,25)
```
#23072a
```
#23072a rgb(35,7,42)
```
#31093a
```
#31093a rgb(49,9,58)
```
#3f0c4b
```
#3f0c4b rgb(63,12,75)
```
#4d0f5c
```
#4d0f5c rgb(77,15,92)
```
#5b126d
```
#5b126d rgb(91,18,109)
```
#69147e
```
#69147e rgb(105,20,126)
```
#77178f
```
#77178f rgb(119,23,143)
```
#851aa0
```
#851aa0 rgb(133,26,160)
```
#941cb1
```
#941cb1 rgb(148,28,177)
```
#a21fc2
```
#a21fc2 rgb(162,31,194)
```
#b022d3
```
#b022d3 rgb(176,34,211)
```

Shade Color Variation

#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#c03ce0
```
#c03ce0 rgb(192,60,224)
```
#c54de2
```
#c54de2 rgb(197,77,226)
```
#cb5ee5
```
#cb5ee5 rgb(203,94,229)
```
#d06fe8
```
#d06fe8 rgb(208,111,232)
```
#d680eb
```
#d680eb rgb(214,128,235)
```
#db90ed
```
#db90ed rgb(219,144,237)
```
#e1a1f0
```
#e1a1f0 rgb(225,161,240)
```
#e6b2f3
```
#e6b2f3 rgb(230,178,243)
```
#ecc3f5
```
#ecc3f5 rgb(236,195,245)
```
#f1d4f8
```
#f1d4f8 rgb(241,212,248)
```
#f7e5fb
```
#f7e5fb rgb(247,229,251)
```
#fcf6fe
```
#fcf6fe rgb(252,246,254)
```

Tint Color Variation

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

#868088
```
#868088 rgb(134,128,136)
```
#8c7791
```
#8c7791 rgb(140,119,145)
```
#926d9b
```
#926d9b rgb(146,109,155)
```
#9864a4
```
#9864a4 rgb(152,100,164)
```
#9d5aae
```
#9d5aae rgb(157,90,174)
```
#a351b7
```
#a351b7 rgb(163,81,183)
```
#a947c1
```
#a947c1 rgb(169,71,193)
```
#af3eca
```
#af3eca rgb(175,62,202)
```
#b434d4
```
#b434d4 rgb(180,52,212)
```
#ba2bdd
```
#ba2bdd rgb(186,43,221)
```
#c022e6
```
#c022e6 rgb(192,34,230)
```
#c518f0
```
#c518f0 rgb(197,24,240)
```
#cb0ff9
```
#cb0ff9 rgb(203,15,249)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a5d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#2d7ccb Deuteranopia 1% of men
#ab676e Tritanopia 0.001% of the population

Trichromacy

#435be4 Protanomaly 1% of men, 0.01% of women
#605ed2 Deuteranomaly 6% of men, 0.4% of women
#b05196 Tritanomaly 0.01% of the population

#ba2bdd hex color

#ba2bdd Color Information

#ba2bdd Color Conversion

Color Schemes with #ba2bdd

Alternatives to #ba2bdd

#ba2bdd Preview

Shades and Tints of #ba2bdd

Tones of #ba2bdd

Color Blindness Simulator