#ba3bf2 hex color

In a RGB color space, hex #ba3bf2 is composed of 72.9% red, 23.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 75.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 281.6 degrees, a saturation of 87.6% and a lightness of 59%. #ba3bf2 color hex could be obtained by blending #ff76ff with #7500e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 23
- B 95
RGB color chart
- C 23
- M 76
- Y 0
- K 5
CMYK color chart

● #ba3bf2 color description : Bright violet.

The hexadecimal color #ba3bf2 has RGB values of R:186, G:59, B:242 and CMYK values of C:0.23, M:0.76, Y:0, K:0.05. Its decimal value is 12205042.

Hex triplet	ba3bf2	`#ba3bf2`
RGB Decimal	186, 59, 242	`rgb(186,59,242)`
RGB Percent	72.9, 23.1, 94.9	`rgb(72.9%,23.1%,94.9%)`
CMYK	23, 76, 0, 5
HSL	281.6°, 87.6, 59	`hsl(281.6,87.6%,59%)`
HSV (or HSB)	281.6°, 75.6, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.814, 75.52, -67.856
XYZ	37.839, 19.979, 85.863
xyY	0.263, 0.139, 19.979
CIE-LCH	51.814, 101.527, 318.06
CIE-LUV	51.814, 38.049, -111.941
Hunter-Lab	44.698, 72.886, -82.605
Binary	10111010, 00111011, 11110010

#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#73f23b
```
#73f23b rgb(115,242,59)
```

Complementary Color

#5e3bf2
```
#5e3bf2 rgb(94,59,242)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#f23bcf
```
#f23bcf rgb(242,59,207)
```

Analogous Color

#3bf25e
```
#3bf25e rgb(59,242,94)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#cff23b
```
#cff23b rgb(207,242,59)
```

Split Complementary Color

#3bf2ba
```
#3bf2ba rgb(59,242,186)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#f2ba3b
```
#f2ba3b rgb(242,186,59)
```

Triadic Color

#3b73f2
```
#3b73f2 rgb(59,115,242)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#f2ba3b
```
#f2ba3b rgb(242,186,59)
```
#73f23b
```
#73f23b rgb(115,242,59)
```

Tetradic Color

#960ed3
```
#960ed3 rgb(150,14,211)
```
#a710ea
```
#a710ea rgb(167,16,234)
```
#b223f0
```
#b223f0 rgb(178,35,240)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#c253f4
```
#c253f4 rgb(194,83,244)
```
#cb6bf5
```
#cb6bf5 rgb(203,107,245)
```
#d383f7
```
#d383f7 rgb(211,131,247)
```

Monochromatic Color

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

#8c3bf2
```
#8c3bf2 rgb(140,59,242)
```
#9c3bf2
```
#9c3bf2 rgb(156,59,242)
```
#ab3bf2
```
#ab3bf2 rgb(171,59,242)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#c93bf2
```
#c93bf2 rgb(201,59,242)
```
#d93bf2
```
#d93bf2 rgb(217,59,242)
```
#e83bf2
```
#e83bf2 rgb(232,59,242)
```

Similar Colors

Text with hexadecimal color #ba3bf2

This text has a font color of #ba3bf2.

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

#ba3bf2 background color

This paragraph has a background color of #ba3bf2.

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

#ba3bf2 border color

This element has a border color of #ba3bf2.

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

CSS codes

.text {color:#ba3bf2;}

.background {background-color:#ba3bf2;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#120219
```
#120219 rgb(18,2,25)
```
#1f032b
```
#1f032b rgb(31,3,43)
```
#2c043e
```
#2c043e rgb(44,4,62)
```
#390550
```
#390550 rgb(57,5,80)
```
#460762
```
#460762 rgb(70,7,98)
```
#530875
```
#530875 rgb(83,8,117)
```
#610987
```
#610987 rgb(97,9,135)
```
#6e0a9a
```
#6e0a9a rgb(110,10,154)
```
#7b0bac
```
#7b0bac rgb(123,11,172)
```
#880dbe
```
#880dbe rgb(136,13,190)
```
#950ed1
```
#950ed1 rgb(149,14,209)
```
#a20fe3
```
#a20fe3 rgb(162,15,227)
```

Shade Color Variation

#ad16f0
```
#ad16f0 rgb(173,22,240)
```
#b429f1
```
#b429f1 rgb(180,41,241)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#c04df3
```
#c04df3 rgb(192,77,243)
```
#c760f4
```
#c760f4 rgb(199,96,244)
```
#cd72f6
```
#cd72f6 rgb(205,114,246)
```
#d485f7
```
#d485f7 rgb(212,133,247)
```
#da97f8
```
#da97f8 rgb(218,151,248)
```
#e1a9f9
```
#e1a9f9 rgb(225,169,249)
```
#e7bcfb
```
#e7bcfb rgb(231,188,251)
```
#eecefc
```
#eecefc rgb(238,206,252)
```
#f4e1fd
```
#f4e1fd rgb(244,225,253)
```
#fbf3fe
```
#fbf3fe rgb(251,243,254)
```

Tint Color Variation

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

#98939a
```
#98939a rgb(152,147,154)
```
#9b8ba2
```
#9b8ba2 rgb(155,139,162)
```
#9e83aa
```
#9e83aa rgb(158,131,170)
```
#a17bb2
```
#a17bb2 rgb(161,123,178)
```
#a473ba
```
#a473ba rgb(164,115,186)
```
#a76bc2
```
#a76bc2 rgb(167,107,194)
```
#aa63ca
```
#aa63ca rgb(170,99,202)
```
#ae5bd2
```
#ae5bd2 rgb(174,91,210)
```
#b153da
```
#b153da rgb(177,83,218)
```
#b44be2
```
#b44be2 rgb(180,75,226)
```
#b743ea
```
#b743ea rgb(183,67,234)
```
#ba3bf2
```
#ba3bf2 rgb(186,59,242)
```
#bd33fa
```
#bd33fa rgb(189,51,250)
```

Tone Color Variation

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

Dichromacy

#007ef6 Protanopia 1% of men
#0084dc Deuteranopia 1% of men
#a7747c Tritanopia 0.001% of the population

Trichromacy

#4365f5 Protanomaly 1% of men, 0.01% of women
#4369e4 Deuteranomaly 6% of men, 0.4% of women
#ae5fa7 Tritanomaly 0.01% of the population

#ba3bf2 hex color

#ba3bf2 Color Information

#ba3bf2 Color Conversion

Color Schemes with #ba3bf2

Alternatives to #ba3bf2

#ba3bf2 Preview

Shades and Tints of #ba3bf2

Tones of #ba3bf2

Color Blindness Simulator