#ba31de hex color

In a RGB color space, hex #ba31de is composed of 72.9% red, 19.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 77.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 287.5 degrees, a saturation of 72.4% and a lightness of 53.1%. #ba31de color hex could be obtained by blending #ff62ff with #7500bd. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 19
- B 87
RGB color chart
- C 16
- M 78
- Y 0
- K 13
CMYK color chart

● #ba31de color description : Bright magenta.

The hexadecimal color #ba31de has RGB values of R:186, G:49, B:222 and CMYK values of C:0.16, M:0.78, Y:0, K:0.13. Its decimal value is 12202462.

Hex triplet	ba31de	`#ba31de`
RGB Decimal	186, 49, 222	`rgb(186,49,222)`
RGB Percent	72.9, 19.2, 87.1	`rgb(72.9%,19.2%,87.1%)`
CMYK	16, 78, 0, 13
HSL	287.5°, 72.4, 53.1	`hsl(287.5,72.4%,53.1%)`
HSV (or HSB)	287.5°, 77.9, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.388, 74.929, -60.483
XYZ	34.531, 17.911, 70.742
xyY	0.28, 0.145, 17.911
CIE-LCH	49.388, 96.294, 321.09
CIE-LUV	49.388, 45.036, -99.891
Hunter-Lab	42.322, 71.58, -69.479
Binary	10111010, 00110001, 11011110

#ba31de
```
#ba31de rgb(186,49,222)
```
#55de31
```
#55de31 rgb(85,222,49)
```

Complementary Color

#6331de
```
#6331de rgb(99,49,222)
```
#ba31de
```
#ba31de rgb(186,49,222)
```
#de31ac
```
#de31ac rgb(222,49,172)
```

Analogous Color

#31de63
```
#31de63 rgb(49,222,99)
```
#ba31de
```
#ba31de rgb(186,49,222)
```
#acde31
```
#acde31 rgb(172,222,49)
```

Split Complementary Color

#31deba
```
#31deba rgb(49,222,186)
```
#ba31de
```
#ba31de rgb(186,49,222)
```
#deba31
```
#deba31 rgb(222,186,49)
```

Triadic Color

#3155de
```
#3155de rgb(49,85,222)
```
#ba31de
```
#ba31de rgb(186,49,222)
```
#deba31
```
#deba31 rgb(222,186,49)
```
#55de31
```
#55de31 rgb(85,222,49)
```

Tetradic Color

#8a1ba8
```
#8a1ba8 rgb(138,27,168)
```
#9c1ebe
```
#9c1ebe rgb(156,30,190)
```
#af22d4
```
#af22d4 rgb(175,34,212)
```
#ba31de
```
#ba31de rgb(186,49,222)
```
#c147e2
```
#c147e2 rgb(193,71,226)
```
#c95de5
```
#c95de5 rgb(201,93,229)
```
#d073e9
```
#d073e9 rgb(208,115,233)
```

Monochromatic Color

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

#8f31de
```
#8f31de rgb(143,49,222)
```
#9d31de
```
#9d31de rgb(157,49,222)
```
#ac31de
```
#ac31de rgb(172,49,222)
```
#ba31de
```
#ba31de rgb(186,49,222)
```
#c831de
```
#c831de rgb(200,49,222)
```
#d731de
```
#d731de rgb(215,49,222)
```
#de31d7
```
#de31d7 rgb(222,49,215)
```

Similar Colors

Text with hexadecimal color #ba31de

This text has a font color of #ba31de.

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

#ba31de background color

This paragraph has a background color of #ba31de.

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

#ba31de border color

This element has a border color of #ba31de.

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

CSS codes

.text {color:#ba31de;}

.background {background-color:#ba31de;}

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

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

#0b020e
```
#0b020e rgb(11,2,14)
```
#19051f
```
#19051f rgb(25,5,31)
```
#270830
```
#270830 rgb(39,8,48)
```
#350a41
```
#350a41 rgb(53,10,65)
```
#430d51
```
#430d51 rgb(67,13,81)
```
#511062
```
#511062 rgb(81,16,98)
```
#5f1273
```
#5f1273 rgb(95,18,115)
```
#6d1584
```
#6d1584 rgb(109,21,132)
```
#7b1895
```
#7b1895 rgb(123,24,149)
```
#891ba6
```
#891ba6 rgb(137,27,166)
```
#971db7
```
#971db7 rgb(151,29,183)
```
#a520c8
```
#a520c8 rgb(165,32,200)
```
#b323d9
```
#b323d9 rgb(179,35,217)
```

Shade Color Variation

#ba31de
```
#ba31de rgb(186,49,222)
```
#c042e1
```
#c042e1 rgb(192,66,225)
```
#c553e3
```
#c553e3 rgb(197,83,227)
```
#cb64e6
```
#cb64e6 rgb(203,100,230)
```
#d175e9
```
#d175e9 rgb(209,117,233)
```
#d686ec
```
#d686ec rgb(214,134,236)
```
#dc96ee
```
#dc96ee rgb(220,150,238)
```
#e2a7f1
```
#e2a7f1 rgb(226,167,241)
```
#e7b8f4
```
#e7b8f4 rgb(231,184,244)
```
#edc9f6
```
#edc9f6 rgb(237,201,246)
```
#f3daf9
```
#f3daf9 rgb(243,218,249)
```
#f8ebfc
```
#f8ebfc rgb(248,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#8a848b
```
#8a848b rgb(138,132,139)
```
#8f7b94
```
#8f7b94 rgb(143,123,148)
```
#94719e
```
#94719e rgb(148,113,158)
```
#9a68a7
```
#9a68a7 rgb(154,104,167)
```
#9f5fb0
```
#9f5fb0 rgb(159,95,176)
```
#a556b9
```
#a556b9 rgb(165,86,185)
```
#aa4dc2
```
#aa4dc2 rgb(170,77,194)
```
#af43cc
```
#af43cc rgb(175,67,204)
```
#b53ad5
```
#b53ad5 rgb(181,58,213)
```
#ba31de
```
#ba31de rgb(186,49,222)
```
#bf28e7
```
#bf28e7 rgb(191,40,231)
```
#c51ff0
```
#c51ff0 rgb(197,31,240)
```
#ca15fa
```
#ca15fa rgb(202,21,250)
```

Tone Color Variation

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

Dichromacy

#0078eb Protanopia 1% of men
#327ecd Deuteranopia 1% of men
#ab6970 Tritanopia 0.001% of the population

Trichromacy

#435ee6 Protanomaly 1% of men, 0.01% of women
#6362d3 Deuteranomaly 6% of men, 0.4% of women
#b05598 Tritanomaly 0.01% of the population

#ba31de hex color

#ba31de Color Information

#ba31de Color Conversion

Color Schemes with #ba31de

Alternatives to #ba31de

#ba31de Preview

Shades and Tints of #ba31de

Tones of #ba31de

Color Blindness Simulator