#ba2ae9 hex color

In a RGB color space, hex #ba2ae9 is composed of 72.9% red, 16.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 82% magenta, 0% yellow and 8.6% black. It has a hue angle of 285.2 degrees, a saturation of 81.3% and a lightness of 53.9%. #ba2ae9 color hex could be obtained by blending #ff54ff with #7500d3. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 16
- B 91
RGB color chart
- C 20
- M 82
- Y 0
- K 9
CMYK color chart

● #ba2ae9 color description : Bright magenta.

The hexadecimal color #ba2ae9 has RGB values of R:186, G:42, B:233 and CMYK values of C:0.2, M:0.82, Y:0, K:0.09. Its decimal value is 12200681.

Hex triplet	ba2ae9	`#ba2ae9`
RGB Decimal	186, 42, 233	`rgb(186,42,233)`
RGB Percent	72.9, 16.5, 91.4	`rgb(72.9%,16.5%,91.4%)`
CMYK	20, 82, 0, 9
HSL	285.2°, 81.3, 53.9	`hsl(285.2,81.3%,53.9%)`
HSV (or HSB)	285.2°, 82, 91.4
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.471, 78.833, -66.585
XYZ	35.784, 17.98, 78.672
xyY	0.27, 0.136, 17.98
CIE-LCH	49.471, 103.19, 319.815
CIE-LUV	49.471, 42.764, -109.012
Hunter-Lab	42.402, 76.433, -80.323
Binary	10111010, 00101010, 11101001

#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#59e92a
```
#59e92a rgb(89,233,42)
```

Complementary Color

#5a2ae9
```
#5a2ae9 rgb(90,42,233)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#e92ab9
```
#e92ab9 rgb(233,42,185)
```

Analogous Color

#2ae95a
```
#2ae95a rgb(42,233,90)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#b9e92a
```
#b9e92a rgb(185,233,42)
```

Split Complementary Color

#2ae9ba
```
#2ae9ba rgb(42,233,186)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#e9ba2a
```
#e9ba2a rgb(233,186,42)
```

Triadic Color

#2a59e9
```
#2a59e9 rgb(42,89,233)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#e9ba2a
```
#e9ba2a rgb(233,186,42)
```
#59e92a
```
#59e92a rgb(89,233,42)
```

Tetradic Color

#8c13b4
```
#8c13b4 rgb(140,19,180)
```
#9e15cb
```
#9e15cb rgb(158,21,203)
```
#b017e2
```
#b017e2 rgb(176,23,226)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#c141eb
```
#c141eb rgb(193,65,235)
```
#c958ee
```
#c958ee rgb(201,88,238)
```
#d06ff0
```
#d06ff0 rgb(208,111,240)
```

Monochromatic Color

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

#8a2ae9
```
#8a2ae9 rgb(138,42,233)
```
#9a2ae9
```
#9a2ae9 rgb(154,42,233)
```
#aa2ae9
```
#aa2ae9 rgb(170,42,233)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#ca2ae9
```
#ca2ae9 rgb(202,42,233)
```
#da2ae9
```
#da2ae9 rgb(218,42,233)
```
#e92ae8
```
#e92ae8 rgb(233,42,232)
```

Similar Colors

Text with hexadecimal color #ba2ae9

This text has a font color of #ba2ae9.

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

#ba2ae9 background color

This paragraph has a background color of #ba2ae9.

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

#ba2ae9 border color

This element has a border color of #ba2ae9.

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

CSS codes

.text {color:#ba2ae9;}

.background {background-color:#ba2ae9;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0212
```
#0e0212 rgb(14,2,18)
```
#1c0424
```
#1c0424 rgb(28,4,36)
```
#2a0636
```
#2a0636 rgb(42,6,54)
```
#380747
```
#380747 rgb(56,7,71)
```
#460959
```
#460959 rgb(70,9,89)
```
#530b6b
```
#530b6b rgb(83,11,107)
```
#610d7d
```
#610d7d rgb(97,13,125)
```
#6f0f8f
```
#6f0f8f rgb(111,15,143)
```
#7d11a0
```
#7d11a0 rgb(125,17,160)
```
#8b12b2
```
#8b12b2 rgb(139,18,178)
```
#9914c4
```
#9914c4 rgb(153,20,196)
```
#a716d6
```
#a716d6 rgb(167,22,214)
```

Shade Color Variation

#b418e7
```
#b418e7 rgb(180,24,231)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#c03ceb
```
#c03ceb rgb(192,60,235)
```
#c64eed
```
#c64eed rgb(198,78,237)
```
#cb5fef
```
#cb5fef rgb(203,95,239)
```
#d171f0
```
#d171f0 rgb(209,113,240)
```
#d783f2
```
#d783f2 rgb(215,131,242)
```
#dd95f4
```
#dd95f4 rgb(221,149,244)
```
#e2a6f6
```
#e2a6f6 rgb(226,166,246)
```
#e8b8f8
```
#e8b8f8 rgb(232,184,248)
```
#eecafa
```
#eecafa rgb(238,202,250)
```
#f4dcfb
```
#f4dcfb rgb(244,220,251)
```
#f9eefd
```
#f9eefd rgb(249,238,253)
```

Tint Color Variation

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

#8c848f
```
#8c848f rgb(140,132,143)
```
#917b98
```
#917b98 rgb(145,123,152)
```
#9572a1
```
#9572a1 rgb(149,114,161)
```
#9a69aa
```
#9a69aa rgb(154,105,170)
```
#9e60b3
```
#9e60b3 rgb(158,96,179)
```
#a357bc
```
#a357bc rgb(163,87,188)
```
#a84ec5
```
#a84ec5 rgb(168,78,197)
```
#ac45ce
```
#ac45ce rgb(172,69,206)
```
#b13cd7
```
#b13cd7 rgb(177,60,215)
```
#b533e0
```
#b533e0 rgb(181,51,224)
```
#ba2ae9
```
#ba2ae9 rgb(186,42,233)
```
#bf21f2
```
#bf21f2 rgb(191,33,242)
```
#c318fb
```
#c318fb rgb(195,24,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b5e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007ed3 Deuteranopia 1% of men
#a96b72 Tritanopia 0.001% of the population

Trichromacy

#435cea Protanomaly 1% of men, 0.01% of women
#4360db Deuteranomaly 6% of men, 0.4% of women
#af539d Tritanomaly 0.01% of the population

#ba2ae9 hex color

#ba2ae9 Color Information

#ba2ae9 Color Conversion

Color Schemes with #ba2ae9

Alternatives to #ba2ae9

#ba2ae9 Preview

Shades and Tints of #ba2ae9

Tones of #ba2ae9

Color Blindness Simulator