#ba2ef5 hex color

In a RGB color space, hex #ba2ef5 is composed of 72.9% red, 18% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 81.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 282.2 degrees, a saturation of 90.9% and a lightness of 57.1%. #ba2ef5 color hex could be obtained by blending #ff5cff with #7500eb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 18
- B 96
RGB color chart
- C 24
- M 81
- Y 0
- K 4
CMYK color chart

● #ba2ef5 color description : Bright violet.

The hexadecimal color #ba2ef5 has RGB values of R:186, G:46, B:245 and CMYK values of C:0.24, M:0.81, Y:0, K:0.04. Its decimal value is 12201717.

Hex triplet	ba2ef5	`#ba2ef5`
RGB Decimal	186, 46, 245	`rgb(186,46,245)`
RGB Percent	72.9, 18, 96.1	`rgb(72.9%,18%,96.1%)`
CMYK	24, 81, 0, 4
HSL	282.2°, 90.9, 57.1	`hsl(282.2,90.9%,57.1%)`
HSV (or HSB)	282.2°, 81.2, 96.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.672, 80.011, -71.387
XYZ	37.706, 18.987, 88.06
xyY	0.26, 0.131, 18.987
CIE-LCH	50.672, 107.228, 318.26
CIE-LUV	50.672, 39.021, -116.643
Hunter-Lab	43.574, 78.207, -89.319
Binary	10111010, 00101110, 11110101

#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#69f52e
```
#69f52e rgb(105,245,46)
```

Complementary Color

#562ef5
```
#562ef5 rgb(86,46,245)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#f52ecd
```
#f52ecd rgb(245,46,205)
```

Analogous Color

#2ef556
```
#2ef556 rgb(46,245,86)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#cdf52e
```
#cdf52e rgb(205,245,46)
```

Split Complementary Color

#2ef5ba
```
#2ef5ba rgb(46,245,186)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#f5ba2e
```
#f5ba2e rgb(245,186,46)
```

Triadic Color

#2e69f5
```
#2e69f5 rgb(46,105,245)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#f5ba2e
```
#f5ba2e rgb(245,186,46)
```
#69f52e
```
#69f52e rgb(105,245,46)
```

Tetradic Color

#930acd
```
#930acd rgb(147,10,205)
```
#a40be5
```
#a40be5 rgb(164,11,229)
```
#b216f4
```
#b216f4 rgb(178,22,244)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#c246f6
```
#c246f6 rgb(194,70,246)
```
#ca5ff7
```
#ca5ff7 rgb(202,95,247)
```
#d277f8
```
#d277f8 rgb(210,119,248)
```

Monochromatic Color

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

#882ef5
```
#882ef5 rgb(136,46,245)
```
#992ef5
```
#992ef5 rgb(153,46,245)
```
#a92ef5
```
#a92ef5 rgb(169,46,245)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#cb2ef5
```
#cb2ef5 rgb(203,46,245)
```
#db2ef5
```
#db2ef5 rgb(219,46,245)
```
#ec2ef5
```
#ec2ef5 rgb(236,46,245)
```

Similar Colors

Text with hexadecimal color #ba2ef5

This text has a font color of #ba2ef5.

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

#ba2ef5 background color

This paragraph has a background color of #ba2ef5.

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

#ba2ef5 border color

This element has a border color of #ba2ef5.

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

CSS codes

.text {color:#ba2ef5;}

.background {background-color:#ba2ef5;}

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

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

#0b0110
```
#0b0110 rgb(11,1,16)
```
#190222
```
#190222 rgb(25,2,34)
```
#260335
```
#260335 rgb(38,3,53)
```
#340348
```
#340348 rgb(52,3,72)
```
#41045b
```
#41045b rgb(65,4,91)
```
#4e056d
```
#4e056d rgb(78,5,109)
```
#5c0680
```
#5c0680 rgb(92,6,128)
```
#690793
```
#690793 rgb(105,7,147)
```
#7708a5
```
#7708a5 rgb(119,8,165)
```
#8409b8
```
#8409b8 rgb(132,9,184)
```
#920acb
```
#920acb rgb(146,10,203)
```
#9f0bde
```
#9f0bde rgb(159,11,222)
```
#ac0bf0
```
#ac0bf0 rgb(172,11,240)
```

Shade Color Variation

#b41bf4
```
#b41bf4 rgb(180,27,244)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#c041f6
```
#c041f6 rgb(192,65,246)
```
#c653f7
```
#c653f7 rgb(198,83,247)
```
#cd66f8
```
#cd66f8 rgb(205,102,248)
```
#d379f9
```
#d379f9 rgb(211,121,249)
```
#d98cf9
```
#d98cf9 rgb(217,140,249)
```
#df9efa
```
#df9efa rgb(223,158,250)
```
#e5b1fb
```
#e5b1fb rgb(229,177,251)
```
#ebc4fc
```
#ebc4fc rgb(235,196,252)
```
#f2d6fd
```
#f2d6fd rgb(242,214,253)
```
#f8e9fe
```
#f8e9fe rgb(248,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#948b98
```
#948b98 rgb(148,139,152)
```
#9882a1
```
#9882a1 rgb(152,130,161)
```
#9b7aa9
```
#9b7aa9 rgb(155,122,169)
```
#9f71b2
```
#9f71b2 rgb(159,113,178)
```
#a269ba
```
#a269ba rgb(162,105,186)
```
#a561c2
```
#a561c2 rgb(165,97,194)
```
#a958cb
```
#a958cb rgb(169,88,203)
```
#ac50d3
```
#ac50d3 rgb(172,80,211)
```
#b047dc
```
#b047dc rgb(176,71,220)
```
#b33fe4
```
#b33fe4 rgb(179,63,228)
```
#b736ed
```
#b736ed rgb(183,54,237)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```
#bd26fd
```
#bd26fd rgb(189,38,253)
```

Tone Color Variation

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

Dichromacy

#007bf1 Protanopia 1% of men
#0082d6 Deuteranopia 1% of men
#a67078 Tritanopia 0.001% of the population

Trichromacy

#435ff2 Protanomaly 1% of men, 0.01% of women
#4363e1 Deuteranomaly 6% of men, 0.4% of women
#ad58a5 Tritanomaly 0.01% of the population

#ba2ef5 hex color

#ba2ef5 Color Information

#ba2ef5 Color Conversion

Color Schemes with #ba2ef5

Alternatives to #ba2ef5

#ba2ef5 Preview

Shades and Tints of #ba2ef5

Tones of #ba2ef5

Color Blindness Simulator