#ba2aef hex color

In a RGB color space, hex #ba2aef is composed of 72.9% red, 16.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 82.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 283.9 degrees, a saturation of 86% and a lightness of 55.1%. #ba2aef color hex could be obtained by blending #ff54ff with #7500df. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 16
- B 94
RGB color chart
- C 22
- M 82
- Y 0
- K 6
CMYK color chart

● #ba2aef color description : Bright violet.

The hexadecimal color #ba2aef has RGB values of R:186, G:42, B:239 and CMYK values of C:0.22, M:0.82, Y:0, K:0.06. Its decimal value is 12200687.

Hex triplet	ba2aef	`#ba2aef`
RGB Decimal	186, 42, 239	`rgb(186,42,239)`
RGB Percent	72.9, 16.5, 93.7	`rgb(72.9%,16.5%,93.7%)`
CMYK	22, 82, 0, 6
HSL	283.9°, 86, 55.1	`hsl(283.9,86%,55.1%)`
HSV (or HSB)	283.9°, 82.4, 93.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.892, 79.929, -69.285
XYZ	36.656, 18.328, 83.263
xyY	0.265, 0.133, 18.328
CIE-LCH	49.892, 105.778, 319.08
CIE-LUV	49.892, 41.086, -113.175
Hunter-Lab	42.812, 77.912, -85.343
Binary	10111010, 00101010, 11101111

#ba2aef
```
#ba2aef rgb(186,42,239)
```
#5fef2a
```
#5fef2a rgb(95,239,42)
```

Complementary Color

#582aef
```
#582aef rgb(88,42,239)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#ef2ac2
```
#ef2ac2 rgb(239,42,194)
```

Analogous Color

#2aef58
```
#2aef58 rgb(42,239,88)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#c2ef2a
```
#c2ef2a rgb(194,239,42)
```

Split Complementary Color

#2aefba
```
#2aefba rgb(42,239,186)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#efba2a
```
#efba2a rgb(239,186,42)
```

Triadic Color

#2a5fef
```
#2a5fef rgb(42,95,239)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#efba2a
```
#efba2a rgb(239,186,42)
```
#5fef2a
```
#5fef2a rgb(95,239,42)
```

Tetradic Color

#8f0ebe
```
#8f0ebe rgb(143,14,190)
```
#a110d6
```
#a110d6 rgb(161,16,214)
```
#b212ed
```
#b212ed rgb(178,18,237)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#c242f1
```
#c242f1 rgb(194,66,241)
```
#c959f3
```
#c959f3 rgb(201,89,243)
```
#d171f4
```
#d171f4 rgb(209,113,244)
```

Monochromatic Color

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

#892aef
```
#892aef rgb(137,42,239)
```
#992aef
```
#992aef rgb(153,42,239)
```
#aa2aef
```
#aa2aef rgb(170,42,239)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#ca2aef
```
#ca2aef rgb(202,42,239)
```
#db2aef
```
#db2aef rgb(219,42,239)
```
#eb2aef
```
#eb2aef rgb(235,42,239)
```

Similar Colors

Text with hexadecimal color #ba2aef

This text has a font color of #ba2aef.

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

#ba2aef background color

This paragraph has a background color of #ba2aef.

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

#ba2aef border color

This element has a border color of #ba2aef.

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

CSS codes

.text {color:#ba2aef;}

.background {background-color:#ba2aef;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#120218
```
#120218 rgb(18,2,24)
```
#20032a
```
#20032a rgb(32,3,42)
```
#2e053d
```
#2e053d rgb(46,5,61)
```
#3b064f
```
#3b064f rgb(59,6,79)
```
#490761
```
#490761 rgb(73,7,97)
```
#570973
```
#570973 rgb(87,9,115)
```
#640a86
```
#640a86 rgb(100,10,134)
```
#720b98
```
#720b98 rgb(114,11,152)
```
#800daa
```
#800daa rgb(128,13,170)
```
#8e0ebc
```
#8e0ebc rgb(142,14,188)
```
#9b10cf
```
#9b10cf rgb(155,16,207)
```
#a911e1
```
#a911e1 rgb(169,17,225)
```

Shade Color Variation

#b418ee
```
#b418ee rgb(180,24,238)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#c03cf0
```
#c03cf0 rgb(192,60,240)
```
#c64ef2
```
#c64ef2 rgb(198,78,242)
```
#cc61f3
```
#cc61f3 rgb(204,97,243)
```
#d273f4
```
#d273f4 rgb(210,115,244)
```
#d885f6
```
#d885f6 rgb(216,133,246)
```
#dd97f7
```
#dd97f7 rgb(221,151,247)
```
#e3aaf9
```
#e3aaf9 rgb(227,170,249)
```
#e9bcfa
```
#e9bcfa rgb(233,188,250)
```
#efcefb
```
#efcefb rgb(239,206,251)
```
#f5e0fd
```
#f5e0fd rgb(245,224,253)
```
#fbf3fe
```
#fbf3fe rgb(251,243,254)
```

Tint Color Variation

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

#8d8b8e
```
#8d8b8e rgb(141,139,142)
```
#918297
```
#918297 rgb(145,130,151)
```
#9579a0
```
#9579a0 rgb(149,121,160)
```
#9970a9
```
#9970a9 rgb(153,112,169)
```
#9e68b1
```
#9e68b1 rgb(158,104,177)
```
#a25fba
```
#a25fba rgb(162,95,186)
```
#a656c3
```
#a656c3 rgb(166,86,195)
```
#aa4dcc
```
#aa4dcc rgb(170,77,204)
```
#ae44d5
```
#ae44d5 rgb(174,68,213)
```
#b23cdd
```
#b23cdd rgb(178,60,221)
```
#b633e6
```
#b633e6 rgb(182,51,230)
```
#ba2aef
```
#ba2aef rgb(186,42,239)
```
#be21f8
```
#be21f8 rgb(190,33,248)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c5f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aed Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#a76d75 Tritanopia 0.001% of the population

Trichromacy

#435cee Protanomaly 1% of men, 0.01% of women
#4360dd Deuteranomaly 6% of men, 0.4% of women
#ae55a1 Tritanomaly 0.01% of the population

#ba2aef hex color

#ba2aef Color Information

#ba2aef Color Conversion

Color Schemes with #ba2aef

Alternatives to #ba2aef

#ba2aef Preview

Shades and Tints of #ba2aef

Tones of #ba2aef

Color Blindness Simulator