#ba33e2 hex color

In a RGB color space, hex #ba33e2 is composed of 72.9% red, 20% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 77.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 286.3 degrees, a saturation of 75.1% and a lightness of 54.3%. #ba33e2 color hex could be obtained by blending #ff66ff with #7500c5. Closest websafe color is: #cc33cc.

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

● #ba33e2 color description : Bright magenta.

The hexadecimal color #ba33e2 has RGB values of R:186, G:51, B:226 and CMYK values of C:0.18, M:0.77, Y:0, K:0.11. Its decimal value is 12202978.

Hex triplet	ba33e2	`#ba33e2`
RGB Decimal	186, 51, 226	`rgb(186,51,226)`
RGB Percent	72.9, 20, 88.6	`rgb(72.9%,20%,88.6%)`
CMYK	18, 77, 0, 11
HSL	286.3°, 75.1, 54.3	`hsl(286.3,75.1%,54.3%)`
HSV (or HSB)	286.3°, 77.4, 88.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.857, 75.059, -61.999
XYZ	35.159, 18.299, 73.627
xyY	0.277, 0.144, 18.299
CIE-LCH	49.857, 97.353, 320.443
CIE-LUV	49.857, 43.587, -102.345
Hunter-Lab	42.778, 71.85, -72.104
Binary	10111010, 00110011, 11100010

#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#5be233
```
#5be233 rgb(91,226,51)
```

Complementary Color

#6333e2
```
#6333e2 rgb(99,51,226)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#e233b3
```
#e233b3 rgb(226,51,179)
```

Analogous Color

#33e263
```
#33e263 rgb(51,226,99)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#b3e233
```
#b3e233 rgb(179,226,51)
```

Split Complementary Color

#33e2ba
```
#33e2ba rgb(51,226,186)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#e2ba33
```
#e2ba33 rgb(226,186,51)
```

Triadic Color

#335be2
```
#335be2 rgb(51,91,226)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#e2ba33
```
#e2ba33 rgb(226,186,51)
```
#5be233
```
#5be233 rgb(91,226,51)
```

Tetradic Color

#8d19b0
```
#8d19b0 rgb(141,25,176)
```
#9f1cc6
```
#9f1cc6 rgb(159,28,198)
```
#b11fdc
```
#b11fdc rgb(177,31,220)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#c249e5
```
#c249e5 rgb(194,73,229)
```
#c960e8
```
#c960e8 rgb(201,96,232)
```
#d176ec
```
#d176ec rgb(209,118,236)
```

Monochromatic Color

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

#8e33e2
```
#8e33e2 rgb(142,51,226)
```
#9d33e2
```
#9d33e2 rgb(157,51,226)
```
#ab33e2
```
#ab33e2 rgb(171,51,226)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#c933e2
```
#c933e2 rgb(201,51,226)
```
#d733e2
```
#d733e2 rgb(215,51,226)
```
#e233de
```
#e233de rgb(226,51,222)
```

Similar Colors

Text with hexadecimal color #ba33e2

This text has a font color of #ba33e2.

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

#ba33e2 background color

This paragraph has a background color of #ba33e2.

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

#ba33e2 border color

This element has a border color of #ba33e2.

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

CSS codes

.text {color:#ba33e2;}

.background {background-color:#ba33e2;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0f0313
```
#0f0313 rgb(15,3,19)
```
#1d0524
```
#1d0524 rgb(29,5,36)
```
#2b0836
```
#2b0836 rgb(43,8,54)
```
#390a47
```
#390a47 rgb(57,10,71)
```
#470d58
```
#470d58 rgb(71,13,88)
```
#550f69
```
#550f69 rgb(85,15,105)
```
#62117a
```
#62117a rgb(98,17,122)
```
#70148b
```
#70148b rgb(112,20,139)
```
#7e169d
```
#7e169d rgb(126,22,157)
```
#8c19ae
```
#8c19ae rgb(140,25,174)
```
#9a1bbf
```
#9a1bbf rgb(154,27,191)
```
#a71ed0
```
#a71ed0 rgb(167,30,208)
```

Shade Color Variation

#b422e0
```
#b422e0 rgb(180,34,224)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#c044e4
```
#c044e4 rgb(192,68,228)
```
#c655e7
```
#c655e7 rgb(198,85,231)
```
#cb67e9
```
#cb67e9 rgb(203,103,233)
```
#d178ec
```
#d178ec rgb(209,120,236)
```
#d789ee
```
#d789ee rgb(215,137,238)
```
#dd9af1
```
#dd9af1 rgb(221,154,241)
```
#e3abf3
```
#e3abf3 rgb(227,171,243)
```
#e8bcf6
```
#e8bcf6 rgb(232,188,246)
```
#eecef8
```
#eecef8 rgb(238,206,248)
```
#f4dffa
```
#f4dffa rgb(244,223,250)
```
#faf0fd
```
#faf0fd rgb(250,240,253)
```

Tint Color Variation

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

#8e8491
```
#8e8491 rgb(142,132,145)
```
#937b9a
```
#937b9a rgb(147,123,154)
```
#9872a3
```
#9872a3 rgb(152,114,163)
```
#9d69ac
```
#9d69ac rgb(157,105,172)
```
#a260b5
```
#a260b5 rgb(162,96,181)
```
#a757be
```
#a757be rgb(167,87,190)
```
#ab4ec7
```
#ab4ec7 rgb(171,78,199)
```
#b045d0
```
#b045d0 rgb(176,69,208)
```
#b53cd9
```
#b53cd9 rgb(181,60,217)
```
#ba33e2
```
#ba33e2 rgb(186,51,226)
```
#bf2aeb
```
#bf2aeb rgb(191,42,235)
```
#c421f4
```
#c421f4 rgb(196,33,244)
```
#c918fd
```
#c918fd rgb(201,24,253)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7e6386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#2b7fd1 Deuteranopia 1% of men
#ab6b73 Tritanopia 0.001% of the population

Trichromacy

#4360e9 Protanomaly 1% of men, 0.01% of women
#5f63d7 Deuteranomaly 6% of men, 0.4% of women
#b0579b Tritanomaly 0.01% of the population

#ba33e2 hex color

#ba33e2 Color Information

#ba33e2 Color Conversion

Color Schemes with #ba33e2

Alternatives to #ba33e2

#ba33e2 Preview

Shades and Tints of #ba33e2

Tones of #ba33e2

Color Blindness Simulator