#ba2be3 hex color

In a RGB color space, hex #ba2be3 is composed of 72.9% red, 16.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 81.1% magenta, 0% yellow and 11% black. It has a hue angle of 286.6 degrees, a saturation of 76.7% and a lightness of 52.9%. #ba2be3 color hex could be obtained by blending #ff56ff with #7500c7. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 17
- B 89
RGB color chart
- C 18
- M 81
- Y 0
- K 11
CMYK color chart

● #ba2be3 color description : Bright magenta.

The hexadecimal color #ba2be3 has RGB values of R:186, G:43, B:227 and CMYK values of C:0.18, M:0.81, Y:0, K:0.11. Its decimal value is 12200931.

Hex triplet	ba2be3	`#ba2be3`
RGB Decimal	186, 43, 227	`rgb(186,43,227)`
RGB Percent	72.9, 16.9, 89	`rgb(72.9%,16.9%,89%)`
CMYK	18, 81, 0, 11
HSL	286.6°, 76.7, 52.9	`hsl(286.6,76.7%,52.9%)`
HSV (or HSB)	286.6°, 81.1, 89
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.148, 77.494, -63.712
XYZ	34.977, 17.714, 74.246
xyY	0.276, 0.14, 17.714
CIE-LCH	49.148, 100.322, 320.575
CIE-LUV	49.148, 44.374, -104.623
Hunter-Lab	42.089, 74.685, -75.128
Binary	10111010, 00101011, 11100011

#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#54e32b
```
#54e32b rgb(84,227,43)
```

Complementary Color

#5e2be3
```
#5e2be3 rgb(94,43,227)
```
#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#e32bb0
```
#e32bb0 rgb(227,43,176)
```

Analogous Color

#2be35e
```
#2be35e rgb(43,227,94)
```
#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#b0e32b
```
#b0e32b rgb(176,227,43)
```

Split Complementary Color

#2be3ba
```
#2be3ba rgb(43,227,186)
```
#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#e3ba2b
```
#e3ba2b rgb(227,186,43)
```

Triadic Color

#2b54e3
```
#2b54e3 rgb(43,84,227)
```
#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#e3ba2b
```
#e3ba2b rgb(227,186,43)
```
#54e32b
```
#54e32b rgb(84,227,43)
```

Tetradic Color

#8a17ab
```
#8a17ab rgb(138,23,171)
```
#9c1ac1
```
#9c1ac1 rgb(156,26,193)
```
#ae1dd8
```
#ae1dd8 rgb(174,29,216)
```
#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#c142e6
```
#c142e6 rgb(193,66,230)
```
#c958e9
```
#c958e9 rgb(201,88,233)
```
#d06fec
```
#d06fec rgb(208,111,236)
```

Monochromatic Color

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

#8c2be3
```
#8c2be3 rgb(140,43,227)
```
#9b2be3
```
#9b2be3 rgb(155,43,227)
```
#ab2be3
```
#ab2be3 rgb(171,43,227)
```
#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#c92be3
```
#c92be3 rgb(201,43,227)
```
#d92be3
```
#d92be3 rgb(217,43,227)
```
#e32bde
```
#e32bde rgb(227,43,222)
```

Similar Colors

Text with hexadecimal color #ba2be3

This text has a font color of #ba2be3.

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

#ba2be3 background color

This paragraph has a background color of #ba2be3.

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

#ba2be3 border color

This element has a border color of #ba2be3.

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

CSS codes

.text {color:#ba2be3;}

.background {background-color:#ba2be3;}

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

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, #0b020d is the darkest color, while #fefbfe is the lightest one.

#0b020d
```
#0b020d rgb(11,2,13)
```
#19041f
```
#19041f rgb(25,4,31)
```
#270630
```
#270630 rgb(39,6,48)
```
#350941
```
#350941 rgb(53,9,65)
```
#430b53
```
#430b53 rgb(67,11,83)
```
#510d64
```
#510d64 rgb(81,13,100)
```
#5f0f75
```
#5f0f75 rgb(95,15,117)
```
#6d1287
```
#6d1287 rgb(109,18,135)
```
#7a1498
```
#7a1498 rgb(122,20,152)
```
#8816a9
```
#8816a9 rgb(136,22,169)
```
#9619bb
```
#9619bb rgb(150,25,187)
```
#a41bcc
```
#a41bcc rgb(164,27,204)
```
#b21ddd
```
#b21ddd rgb(178,29,221)
```

Shade Color Variation

#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#c03ce5
```
#c03ce5 rgb(192,60,229)
```
#c54ee8
```
#c54ee8 rgb(197,78,232)
```
#cb5fea
```
#cb5fea rgb(203,95,234)
```
#d170ec
```
#d170ec rgb(209,112,236)
```
#d682ee
```
#d682ee rgb(214,130,238)
```
#dc93f1
```
#dc93f1 rgb(220,147,241)
```
#e1a4f3
```
#e1a4f3 rgb(225,164,243)
```
#e7b6f5
```
#e7b6f5 rgb(231,182,245)
```
#edc7f8
```
#edc7f8 rgb(237,199,248)
```
#f2d8fa
```
#f2d8fa rgb(242,216,250)
```
#f8eafc
```
#f8eafc rgb(248,234,252)
```
#fefbfe
```
#fefbfe rgb(254,251,254)
```

Tint Color Variation

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

#8c7e90
```
#8c7e90 rgb(140,126,144)
```
#917599
```
#917599 rgb(145,117,153)
```
#966ca2
```
#966ca2 rgb(150,108,162)
```
#9b62ac
```
#9b62ac rgb(155,98,172)
```
#a059b5
```
#a059b5 rgb(160,89,181)
```
#a650be
```
#a650be rgb(166,80,190)
```
#ab47c7
```
#ab47c7 rgb(171,71,199)
```
#b03dd1
```
#b03dd1 rgb(176,61,209)
```
#b534da
```
#b534da rgb(181,52,218)
```
#ba2be3
```
#ba2be3 rgb(186,43,227)
```
#bf22ec
```
#bf22ec rgb(191,34,236)
```
#c419f5
```
#c419f5 rgb(196,25,245)
```
#c90fff
```
#c90fff rgb(201,15,255)
```

Tone Color Variation

Below, you can see how #ba2be3 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
#7b5e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#1a7dd1 Deuteranopia 1% of men
#aa6970 Tritanopia 0.001% of the population

Trichromacy

#435ce7 Protanomaly 1% of men, 0.01% of women
#545fd7 Deuteranomaly 6% of men, 0.4% of women
#b0529a Tritanomaly 0.01% of the population

#ba2be3 hex color

#ba2be3 Color Information

#ba2be3 Color Conversion

Color Schemes with #ba2be3

Alternatives to #ba2be3

#ba2be3 Preview

Shades and Tints of #ba2be3

Tones of #ba2be3

Color Blindness Simulator