#ba2be4 hex color

In a RGB color space, hex #ba2be4 is composed of 72.9% red, 16.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 81.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 286.4 degrees, a saturation of 77.4% and a lightness of 53.1%. #ba2be4 color hex could be obtained by blending #ff56ff with #7500c9. 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

● #ba2be4 color description : Bright magenta.

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

Hex triplet	ba2be4	`#ba2be4`
RGB Decimal	186, 43, 228	`rgb(186,43,228)`
RGB Percent	72.9, 16.9, 89.4	`rgb(72.9%,16.9%,89.4%)`
CMYK	18, 81, 0, 11
HSL	286.4°, 77.4, 53.1	`hsl(286.4,77.4%,53.1%)`
HSV (or HSB)	286.4°, 81.1, 89.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.216, 77.674, -64.169
XYZ	35.116, 17.77, 74.975
xyY	0.275, 0.139, 17.77
CIE-LCH	49.216, 100.752, 320.439
CIE-LUV	49.216, 44.083, -105.33
Hunter-Lab	42.154, 74.925, -75.944
Binary	10111010, 00101011, 11100100

#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#55e42b
```
#55e42b rgb(85,228,43)
```

Complementary Color

#5d2be4
```
#5d2be4 rgb(93,43,228)
```
#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#e42bb2
```
#e42bb2 rgb(228,43,178)
```

Analogous Color

#2be45d
```
#2be45d rgb(43,228,93)
```
#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#b2e42b
```
#b2e42b rgb(178,228,43)
```

Split Complementary Color

#2be4ba
```
#2be4ba rgb(43,228,186)
```
#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#e4ba2b
```
#e4ba2b rgb(228,186,43)
```

Triadic Color

#2b55e4
```
#2b55e4 rgb(43,85,228)
```
#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#e4ba2b
```
#e4ba2b rgb(228,186,43)
```
#55e42b
```
#55e42b rgb(85,228,43)
```

Tetradic Color

#8a16ad
```
#8a16ad rgb(138,22,173)
```
#9c19c3
```
#9c19c3 rgb(156,25,195)
```
#af1cda
```
#af1cda rgb(175,28,218)
```
#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#c142e7
```
#c142e7 rgb(193,66,231)
```
#c958ea
```
#c958ea rgb(201,88,234)
```
#d06fed
```
#d06fed rgb(208,111,237)
```

Monochromatic Color

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

#8c2be4
```
#8c2be4 rgb(140,43,228)
```
#9b2be4
```
#9b2be4 rgb(155,43,228)
```
#ab2be4
```
#ab2be4 rgb(171,43,228)
```
#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#c92be4
```
#c92be4 rgb(201,43,228)
```
#d92be4
```
#d92be4 rgb(217,43,228)
```
#e42be0
```
#e42be0 rgb(228,43,224)
```

Similar Colors

Text with hexadecimal color #ba2be4

This text has a font color of #ba2be4.

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

#ba2be4 background color

This paragraph has a background color of #ba2be4.

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

#ba2be4 border color

This element has a border color of #ba2be4.

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

CSS codes

.text {color:#ba2be4;}

.background {background-color:#ba2be4;}

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

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

#0b020e
```
#0b020e rgb(11,2,14)
```
#190420
```
#190420 rgb(25,4,32)
```
#270631
```
#270631 rgb(39,6,49)
```
#350842
```
#350842 rgb(53,8,66)
```
#430b54
```
#430b54 rgb(67,11,84)
```
#510d65
```
#510d65 rgb(81,13,101)
```
#5f0f77
```
#5f0f77 rgb(95,15,119)
```
#6d1188
```
#6d1188 rgb(109,17,136)
```
#7b1499
```
#7b1499 rgb(123,20,153)
```
#8916ab
```
#8916ab rgb(137,22,171)
```
#9718bc
```
#9718bc rgb(151,24,188)
```
#a51ace
```
#a51ace rgb(165,26,206)
```
#b31cdf
```
#b31cdf rgb(179,28,223)
```

Shade Color Variation

#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#c03ce6
```
#c03ce6 rgb(192,60,230)
```
#c54ee8
```
#c54ee8 rgb(197,78,232)
```
#cb5feb
```
#cb5feb rgb(203,95,235)
```
#d171ed
```
#d171ed rgb(209,113,237)
```
#d682ef
```
#d682ef rgb(214,130,239)
```
#dc93f1
```
#dc93f1 rgb(220,147,241)
```
#e2a5f4
```
#e2a5f4 rgb(226,165,244)
```
#e7b6f6
```
#e7b6f6 rgb(231,182,246)
```
#edc8f8
```
#edc8f8 rgb(237,200,248)
```
#f3d9fa
```
#f3d9fa rgb(243,217,250)
```
#f8eafc
```
#f8eafc rgb(248,234,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#888788
```
#888788 rgb(136,135,136)
```
#8d7e91
```
#8d7e91 rgb(141,126,145)
```
#92759a
```
#92759a rgb(146,117,154)
```
#976ba4
```
#976ba4 rgb(151,107,164)
```
#9c62ad
```
#9c62ad rgb(156,98,173)
```
#a159b6
```
#a159b6 rgb(161,89,182)
```
#a650bf
```
#a650bf rgb(166,80,191)
```
#ab47c8
```
#ab47c8 rgb(171,71,200)
```
#b03dd2
```
#b03dd2 rgb(176,61,210)
```
#b534db
```
#b534db rgb(181,52,219)
```
#ba2be4
```
#ba2be4 rgb(186,43,228)
```
#bf22ed
```
#bf22ed rgb(191,34,237)
```
#c419f6
```
#c419f6 rgb(196,25,246)
```

Tone Color Variation

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

#0078eb Protanopia 1% of men
#147ed1 Deuteranopia 1% of men
#aa6970 Tritanopia 0.001% of the population

Trichromacy

#435ce8 Protanomaly 1% of men, 0.01% of women
#505fd8 Deuteranomaly 6% of men, 0.4% of women
#b0539a Tritanomaly 0.01% of the population

#ba2be4 hex color

#ba2be4 Color Information

#ba2be4 Color Conversion

Color Schemes with #ba2be4

Alternatives to #ba2be4

#ba2be4 Preview

Shades and Tints of #ba2be4

Tones of #ba2be4

Color Blindness Simulator