#ba3fe2 hex color

In a RGB color space, hex #ba3fe2 is composed of 72.9% red, 24.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 72.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 285.3 degrees, a saturation of 73.8% and a lightness of 56.7%. #ba3fe2 color hex could be obtained by blending #ff7eff with #7500c5. Closest websafe color is: #cc33cc.

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

● #ba3fe2 color description : Bright magenta.

The hexadecimal color #ba3fe2 has RGB values of R:186, G:63, B:226 and CMYK values of C:0.18, M:0.72, Y:0, K:0.11. Its decimal value is 12206050.

Hex triplet	ba3fe2	`#ba3fe2`
RGB Decimal	186, 63, 226	`rgb(186,63,226)`
RGB Percent	72.9, 24.7, 88.6	`rgb(72.9%,24.7%,88.6%)`
CMYK	18, 72, 0, 11
HSL	285.3°, 73.8, 56.7	`hsl(285.3,73.8%,56.7%)`
HSV (or HSB)	285.3°, 72.1, 88.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.252, 71.056, -59.752
XYZ	35.753, 19.487, 73.825
xyY	0.277, 0.151, 19.487
CIE-LCH	51.252, 92.84, 319.939
CIE-LUV	51.252, 41.579, -99.402
Hunter-Lab	44.144, 67.32, -68.256
Binary	10111010, 00111111, 11100010

#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#67e23f
```
#67e23f rgb(103,226,63)
```

Complementary Color

#693fe2
```
#693fe2 rgb(105,63,226)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#e23fb9
```
#e23fb9 rgb(226,63,185)
```

Analogous Color

#3fe269
```
#3fe269 rgb(63,226,105)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#b9e23f
```
#b9e23f rgb(185,226,63)
```

Split Complementary Color

#3fe2ba
```
#3fe2ba rgb(63,226,186)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#e2ba3f
```
#e2ba3f rgb(226,186,63)
```

Triadic Color

#3f67e2
```
#3f67e2 rgb(63,103,226)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#e2ba3f
```
#e2ba3f rgb(226,186,63)
```
#67e23f
```
#67e23f rgb(103,226,63)
```

Tetradic Color

#921cb9
```
#921cb9 rgb(146,28,185)
```
#a41fcf
```
#a41fcf rgb(164,31,207)
```
#b229df
```
#b229df rgb(178,41,223)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#c255e5
```
#c255e5 rgb(194,85,229)
```
#ca6be9
```
#ca6be9 rgb(202,107,233)
```
#d281ec
```
#d281ec rgb(210,129,236)
```

Monochromatic Color

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

#913fe2
```
#913fe2 rgb(145,63,226)
```
#9f3fe2
```
#9f3fe2 rgb(159,63,226)
```
#ac3fe2
```
#ac3fe2 rgb(172,63,226)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#c83fe2
```
#c83fe2 rgb(200,63,226)
```
#d53fe2
```
#d53fe2 rgb(213,63,226)
```
#e23fe1
```
#e23fe1 rgb(226,63,225)
```

Similar Colors

Text with hexadecimal color #ba3fe2

This text has a font color of #ba3fe2.

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

#ba3fe2 background color

This paragraph has a background color of #ba3fe2.

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

#ba3fe2 border color

This element has a border color of #ba3fe2.

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

CSS codes

.text {color:#ba3fe2;}

.background {background-color:#ba3fe2;}

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

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

#0a020c
```
#0a020c rgb(10,2,12)
```
#17041e
```
#17041e rgb(23,4,30)
```
#25072f
```
#25072f rgb(37,7,47)
```
#320a40
```
#320a40 rgb(50,10,64)
```
#400c51
```
#400c51 rgb(64,12,81)
```
#4d0f62
```
#4d0f62 rgb(77,15,98)
```
#5b1173
```
#5b1173 rgb(91,17,115)
```
#681484
```
#681484 rgb(104,20,132)
```
#761695
```
#761695 rgb(118,22,149)
```
#8319a6
```
#8319a6 rgb(131,25,166)
```
#911cb7
```
#911cb7 rgb(145,28,183)
```
#9e1ec8
```
#9e1ec8 rgb(158,30,200)
```
#ac21d9
```
#ac21d9 rgb(172,33,217)
```

Shade Color Variation

#b42edf
```
#b42edf rgb(180,46,223)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#c050e5
```
#c050e5 rgb(192,80,229)
```
#c661e7
```
#c661e7 rgb(198,97,231)
```
#cc72ea
```
#cc72ea rgb(204,114,234)
```
#d283ec
```
#d283ec rgb(210,131,236)
```
#d994ef
```
#d994ef rgb(217,148,239)
```
#dfa5f1
```
#dfa5f1 rgb(223,165,241)
```
#e5b6f4
```
#e5b6f4 rgb(229,182,244)
```
#ebc7f7
```
#ebc7f7 rgb(235,199,247)
```
#f1d8f9
```
#f1d8f9 rgb(241,216,249)
```
#f7e9fc
```
#f7e9fc rgb(247,233,252)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#938c96
```
#938c96 rgb(147,140,150)
```
#97839e
```
#97839e rgb(151,131,158)
```
#9c7ba7
```
#9c7ba7 rgb(156,123,167)
```
#a072af
```
#a072af rgb(160,114,175)
```
#a46ab8
```
#a46ab8 rgb(164,106,184)
```
#a961c0
```
#a961c0 rgb(169,97,192)
```
#ad59c9
```
#ad59c9 rgb(173,89,201)
```
#b150d1
```
#b150d1 rgb(177,80,209)
```
#b648da
```
#b648da rgb(182,72,218)
```
#ba3fe2
```
#ba3fe2 rgb(186,63,226)
```
#be37eb
```
#be37eb rgb(190,55,235)
```
#c32ef3
```
#c32ef3 rgb(195,46,243)
```
#c726fc
```
#c726fc rgb(199,38,252)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#846b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df4 Protanopia 1% of men
#3a82d2 Deuteranopia 1% of men
#ab7078 Tritanopia 0.001% of the population

Trichromacy

#4366ed Protanomaly 1% of men, 0.01% of women
#6969d8 Deuteranomaly 6% of men, 0.4% of women
#b05e9e Tritanomaly 0.01% of the population

#ba3fe2 hex color

#ba3fe2 Color Information

#ba3fe2 Color Conversion

Color Schemes with #ba3fe2

Alternatives to #ba3fe2

#ba3fe2 Preview

Shades and Tints of #ba3fe2

Tones of #ba3fe2

Color Blindness Simulator