#ba31e0 hex color

In a RGB color space, hex #ba31e0 is composed of 72.9% red, 19.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 78.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 287 degrees, a saturation of 73.8% and a lightness of 53.5%. #ba31e0 color hex could be obtained by blending #ff62ff with #7500c1. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 19
- B 88
RGB color chart
- C 17
- M 78
- Y 0
- K 12
CMYK color chart

● #ba31e0 color description : Bright magenta.

The hexadecimal color #ba31e0 has RGB values of R:186, G:49, B:224 and CMYK values of C:0.17, M:0.78, Y:0, K:0.12. Its decimal value is 12202464.

Hex triplet	ba31e0	`#ba31e0`
RGB Decimal	186, 49, 224	`rgb(186,49,224)`
RGB Percent	72.9, 19.2, 87.8	`rgb(72.9%,19.2%,87.8%)`
CMYK	17, 78, 0, 12
HSL	287°, 73.8, 53.5	`hsl(287,73.8%,53.5%)`
HSV (or HSB)	287°, 78.1, 87.8
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.519, 75.291, -61.409
XYZ	34.801, 18.019, 72.162
xyY	0.278, 0.144, 18.019
CIE-LCH	49.519, 97.159, 320.799
CIE-LUV	49.519, 44.453, -101.331
Hunter-Lab	42.449, 72.055, -71.077
Binary	10111010, 00110001, 11100000

#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#57e031
```
#57e031 rgb(87,224,49)
```

Complementary Color

#6231e0
```
#6231e0 rgb(98,49,224)
```
#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#e031af
```
#e031af rgb(224,49,175)
```

Analogous Color

#31e062
```
#31e062 rgb(49,224,98)
```
#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#afe031
```
#afe031 rgb(175,224,49)
```

Split Complementary Color

#31e0ba
```
#31e0ba rgb(49,224,186)
```
#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#e0ba31
```
#e0ba31 rgb(224,186,49)
```

Triadic Color

#3157e0
```
#3157e0 rgb(49,87,224)
```
#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#e0ba31
```
#e0ba31 rgb(224,186,49)
```
#57e031
```
#57e031 rgb(87,224,49)
```

Tetradic Color

#8b1aab
```
#8b1aab rgb(139,26,171)
```
#9d1dc1
```
#9d1dc1 rgb(157,29,193)
```
#af20d7
```
#af20d7 rgb(175,32,215)
```
#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#c147e3
```
#c147e3 rgb(193,71,227)
```
#c95de7
```
#c95de7 rgb(201,93,231)
```
#d073ea
```
#d073ea rgb(208,115,234)
```

Monochromatic Color

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

#8e31e0
```
#8e31e0 rgb(142,49,224)
```
#9d31e0
```
#9d31e0 rgb(157,49,224)
```
#ab31e0
```
#ab31e0 rgb(171,49,224)
```
#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#c931e0
```
#c931e0 rgb(201,49,224)
```
#d731e0
```
#d731e0 rgb(215,49,224)
```
#e031da
```
#e031da rgb(224,49,218)
```

Similar Colors

Text with hexadecimal color #ba31e0

This text has a font color of #ba31e0.

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

#ba31e0 background color

This paragraph has a background color of #ba31e0.

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

#ba31e0 border color

This element has a border color of #ba31e0.

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

CSS codes

.text {color:#ba31e0;}

.background {background-color:#ba31e0;}

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

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

#0d0210
```
#0d0210 rgb(13,2,16)
```
#1b0521
```
#1b0521 rgb(27,5,33)
```
#290732
```
#290732 rgb(41,7,50)
```
#360a43
```
#360a43 rgb(54,10,67)
```
#440d54
```
#440d54 rgb(68,13,84)
```
#520f65
```
#520f65 rgb(82,15,101)
```
#601276
```
#601276 rgb(96,18,118)
```
#6e1487
```
#6e1487 rgb(110,20,135)
```
#7c1798
```
#7c1798 rgb(124,23,152)
```
#8a19a9
```
#8a19a9 rgb(138,25,169)
```
#981cba
```
#981cba rgb(152,28,186)
```
#a61fcb
```
#a61fcb rgb(166,31,203)
```
#b421dc
```
#b421dc rgb(180,33,220)
```

Shade Color Variation

#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#c042e3
```
#c042e3 rgb(192,66,227)
```
#c553e5
```
#c553e5 rgb(197,83,229)
```
#cb64e8
```
#cb64e8 rgb(203,100,232)
```
#d175ea
```
#d175ea rgb(209,117,234)
```
#d786ed
```
#d786ed rgb(215,134,237)
```
#dc97ef
```
#dc97ef rgb(220,151,239)
```
#e2a8f2
```
#e2a8f2 rgb(226,168,242)
```
#e8b9f5
```
#e8b9f5 rgb(232,185,245)
```
#edcaf7
```
#edcaf7 rgb(237,202,247)
```
#f3dbfa
```
#f3dbfa rgb(243,219,250)
```
#f9edfc
```
#f9edfc rgb(249,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8c838e
```
#8c838e rgb(140,131,142)
```
#917a97
```
#917a97 rgb(145,122,151)
```
#9671a0
```
#9671a0 rgb(150,113,160)
```
#9b68a9
```
#9b68a9 rgb(155,104,169)
```
#a05fb2
```
#a05fb2 rgb(160,95,178)
```
#a555bc
```
#a555bc rgb(165,85,188)
```
#ab4cc5
```
#ab4cc5 rgb(171,76,197)
```
#b043ce
```
#b043ce rgb(176,67,206)
```
#b53ad7
```
#b53ad7 rgb(181,58,215)
```
#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#bf28e9
```
#bf28e9 rgb(191,40,233)
```
#c41ff2
```
#c41ff2 rgb(196,31,242)
```
#c916fb
```
#c916fb rgb(201,22,251)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d6285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#2d7ecf Deuteranopia 1% of men
#ab6a71 Tritanopia 0.001% of the population

Trichromacy

#435ee7 Protanomaly 1% of men, 0.01% of women
#6062d5 Deuteranomaly 6% of men, 0.4% of women
#b05599 Tritanomaly 0.01% of the population

#ba31e0 hex color

#ba31e0 Color Information

#ba31e0 Color Conversion

Color Schemes with #ba31e0

Alternatives to #ba31e0

#ba31e0 Preview

Shades and Tints of #ba31e0

Tones of #ba31e0

Color Blindness Simulator