#ba3aef hex color

In a RGB color space, hex #ba3aef is composed of 72.9% red, 22.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 75.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 282.4 degrees, a saturation of 85% and a lightness of 58.2%. #ba3aef color hex could be obtained by blending #ff74ff with #7500df. Closest websafe color is: #cc33ff.

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

● #ba3aef color description : Bright violet.

The hexadecimal color #ba3aef has RGB values of R:186, G:58, B:239 and CMYK values of C:0.22, M:0.76, Y:0, K:0.06. Its decimal value is 12204783.

Hex triplet	ba3aef	`#ba3aef`
RGB Decimal	186, 58, 239	`rgb(186,58,239)`
RGB Percent	72.9, 22.7, 93.7	`rgb(72.9%,22.7%,93.7%)`
CMYK	22, 76, 0, 6
HSL	282.4°, 85, 58.2	`hsl(282.4,85%,58.2%)`
HSV (or HSB)	282.4°, 75.7, 93.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.495, 75.275, -66.689
XYZ	37.341, 19.699, 83.492
xyY	0.266, 0.14, 19.699
CIE-LCH	51.495, 100.567, 318.461
CIE-LUV	51.495, 38.98, -110.051
Hunter-Lab	44.383, 72.507, -80.466
Binary	10111010, 00111010, 11101111

#ba3aef
```
#ba3aef rgb(186,58,239)
```
#6fef3a
```
#6fef3a rgb(111,239,58)
```

Complementary Color

#603aef
```
#603aef rgb(96,58,239)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#ef3aca
```
#ef3aca rgb(239,58,202)
```

Analogous Color

#3aef60
```
#3aef60 rgb(58,239,96)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#caef3a
```
#caef3a rgb(202,239,58)
```

Split Complementary Color

#3aefba
```
#3aefba rgb(58,239,186)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#efba3a
```
#efba3a rgb(239,186,58)
```

Triadic Color

#3a6fef
```
#3a6fef rgb(58,111,239)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#efba3a
```
#efba3a rgb(239,186,58)
```
#6fef3a
```
#6fef3a rgb(111,239,58)
```

Tetradic Color

#9511cc
```
#9511cc rgb(149,17,204)
```
#a612e4
```
#a612e4 rgb(166,18,228)
```
#b222ed
```
#b222ed rgb(178,34,237)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#c252f1
```
#c252f1 rgb(194,82,241)
```
#cb69f3
```
#cb69f3 rgb(203,105,243)
```
#d381f5
```
#d381f5 rgb(211,129,245)
```

Monochromatic Color

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

#8d3aef
```
#8d3aef rgb(141,58,239)
```
#9c3aef
```
#9c3aef rgb(156,58,239)
```
#ab3aef
```
#ab3aef rgb(171,58,239)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#c93aef
```
#c93aef rgb(201,58,239)
```
#d83aef
```
#d83aef rgb(216,58,239)
```
#e73aef
```
#e73aef rgb(231,58,239)
```

Similar Colors

Text with hexadecimal color #ba3aef

This text has a font color of #ba3aef.

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

#ba3aef background color

This paragraph has a background color of #ba3aef.

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

#ba3aef border color

This element has a border color of #ba3aef.

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

CSS codes

.text {color:#ba3aef;}

.background {background-color:#ba3aef;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0f0215
```
#0f0215 rgb(15,2,21)
```
#1c0327
```
#1c0327 rgb(28,3,39)
```
#2a0539
```
#2a0539 rgb(42,5,57)
```
#37064b
```
#37064b rgb(55,6,75)
```
#44085d
```
#44085d rgb(68,8,93)
```
#51096f
```
#51096f rgb(81,9,111)
```
#5f0b82
```
#5f0b82 rgb(95,11,130)
```
#6c0c94
```
#6c0c94 rgb(108,12,148)
```
#790da6
```
#790da6 rgb(121,13,166)
```
#860fb8
```
#860fb8 rgb(134,15,184)
```
#9410ca
```
#9410ca rgb(148,16,202)
```
#a112dc
```
#a112dc rgb(161,18,220)
```

Shade Color Variation

#ad16ec
```
#ad16ec rgb(173,22,236)
```
#b428ee
```
#b428ee rgb(180,40,238)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#c04cf0
```
#c04cf0 rgb(192,76,240)
```
#c75ef2
```
#c75ef2 rgb(199,94,242)
```
#cd70f3
```
#cd70f3 rgb(205,112,243)
```
#d383f5
```
#d383f5 rgb(211,131,245)
```
#da95f6
```
#da95f6 rgb(218,149,246)
```
#e0a7f8
```
#e0a7f8 rgb(224,167,248)
```
#e6b9f9
```
#e6b9f9 rgb(230,185,249)
```
#edcbfb
```
#edcbfb rgb(237,203,251)
```
#f3ddfc
```
#f3ddfc rgb(243,221,252)
```
#faeffe
```
#faeffe rgb(250,239,254)
```

Tint Color Variation

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

#959495
```
#959495 rgb(149,148,149)
```
#988c9d
```
#988c9d rgb(152,140,157)
```
#9b84a5
```
#9b84a5 rgb(155,132,165)
```
#9f7cad
```
#9f7cad rgb(159,124,173)
```
#a273b6
```
#a273b6 rgb(162,115,182)
```
#a66bbe
```
#a66bbe rgb(166,107,190)
```
#a963c6
```
#a963c6 rgb(169,99,198)
```
#ac5bce
```
#ac5bce rgb(172,91,206)
```
#b053d6
```
#b053d6 rgb(176,83,214)
```
#b34adf
```
#b34adf rgb(179,74,223)
```
#b742e7
```
#b742e7 rgb(183,66,231)
```
#ba3aef
```
#ba3aef rgb(186,58,239)
```
#bd32f7
```
#bd32f7 rgb(189,50,247)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#83698d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0083db Deuteranopia 1% of men
#a8737a Tritanopia 0.001% of the population

Trichromacy

#4365f3 Protanomaly 1% of men, 0.01% of women
#4368e2 Deuteranomaly 6% of men, 0.4% of women
#ae5ea5 Tritanomaly 0.01% of the population

#ba3aef hex color

#ba3aef Color Information

#ba3aef Color Conversion

Color Schemes with #ba3aef

Alternatives to #ba3aef

#ba3aef Preview

Shades and Tints of #ba3aef

Tones of #ba3aef

Color Blindness Simulator