colorhexa.com

#ba2ec3 hex color

In a RGB color space, hex #ba2ec3 is composed of 72.9% red, 18% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 76.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 296.4 degrees, a saturation of 61.8% and a lightness of 47.3%. #ba2ec3 color hex could be obtained by blending #ff5cff with #750087. Closest websafe color is: #cc33cc.

- R 73
- G 18
- B 76
RGB color chart
- C 5
- M 76
- Y 0
- K 24
CMYK color chart

● #ba2ec3 color description : Strong magenta.

The hexadecimal color #ba2ec3 has RGB values of R:186, G:46, B:195 and CMYK values of C:0.05, M:0.76, Y:0, K:0.24. Its decimal value is 12201667.

Hex triplet	ba2ec3	`#ba2ec3`
RGB Decimal	186, 46, 195	`rgb(186,46,195)`
RGB Percent	72.9, 18, 76.5	`rgb(72.9%,18%,76.5%)`
CMYK	5, 76, 0, 24
HSL	296.4°, 61.8, 47.3	`hsl(296.4,61.8%,47.3%)`
HSV (or HSB)	296.4°, 76.4, 76.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.411, 71.132, -48.138
XYZ	31.076, 16.335, 53.143
xyY	0.309, 0.162, 16.335
CIE-LCH	47.411, 85.89, 325.912
CIE-LUV	47.411, 53.973, -80.606
Hunter-Lab	40.417, 66.519, -49.667
Binary	10111010, 00101110, 11000011

#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#37c32e
```
#37c32e rgb(55,195,46)
```

Complementary Color

#702ec3
```
#702ec3 rgb(112,46,195)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#c32e82
```
#c32e82 rgb(195,46,130)
```

Analogous Color

#2ec370
```
#2ec370 rgb(46,195,112)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#82c32e
```
#82c32e rgb(130,195,46)
```

Split Complementary Color

#2ec3ba
```
#2ec3ba rgb(46,195,186)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#c3ba2e
```
#c3ba2e rgb(195,186,46)
```

Triadic Color

#2e37c3
```
#2e37c3 rgb(46,55,195)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#c3ba2e
```
#c3ba2e rgb(195,186,46)
```
#37c32e
```
#37c32e rgb(55,195,46)
```

Tetradic Color

#7f1f85
```
#7f1f85 rgb(127,31,133)
```
#93249a
```
#93249a rgb(147,36,154)
```
#a629ae
```
#a629ae rgb(166,41,174)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#c73ad1
```
#c73ad1 rgb(199,58,209)
```
#cd4fd5
```
#cd4fd5 rgb(205,79,213)
```
#d363da
```
#d363da rgb(211,99,218)
```

Monochromatic Color

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

#952ec3
```
#952ec3 rgb(149,46,195)
```
#a12ec3
```
#a12ec3 rgb(161,46,195)
```
#ae2ec3
```
#ae2ec3 rgb(174,46,195)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#c32ec0
```
#c32ec0 rgb(195,46,192)
```
#c32eb3
```
#c32eb3 rgb(195,46,179)
```
#c32ea7
```
#c32ea7 rgb(195,46,167)
```

Similar Colors

Text with hexadecimal color #ba2ec3

This text has a font color of #ba2ec3.

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

#ba2ec3 background color

This paragraph has a background color of #ba2ec3.

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

#ba2ec3 border color

This element has a border color of #ba2ec3.

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

CSS codes

.text {color:#ba2ec3;}

.background {background-color:#ba2ec3;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#130514
```
#130514 rgb(19,5,20)
```
#230924
```
#230924 rgb(35,9,36)
```
#320c34
```
#320c34 rgb(50,12,52)
```
#411044
```
#411044 rgb(65,16,68)
```
#501454
```
#501454 rgb(80,20,84)
```
#5f1864
```
#5f1864 rgb(95,24,100)
```
#6e1b74
```
#6e1b74 rgb(110,27,116)
```
#7d1f84
```
#7d1f84 rgb(125,31,132)
```
#8d2393
```
#8d2393 rgb(141,35,147)
```
#9c27a3
```
#9c27a3 rgb(156,39,163)
```
#ab2ab3
```
#ab2ab3 rgb(171,42,179)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```

Shade Color Variation

#c635cf
```
#c635cf rgb(198,53,207)
```
#cb45d3
```
#cb45d3 rgb(203,69,211)
```
#cf55d7
```
#cf55d7 rgb(207,85,215)
```
#d465db
```
#d465db rgb(212,101,219)
```
#d875de
```
#d875de rgb(216,117,222)
```
#dc85e2
```
#dc85e2 rgb(220,133,226)
```
#e194e6
```
#e194e6 rgb(225,148,230)
```
#e5a4ea
```
#e5a4ea rgb(229,164,234)
```
#eab4ed
```
#eab4ed rgb(234,180,237)
```
#eec4f1
```
#eec4f1 rgb(238,196,241)
```
#f3d4f5
```
#f3d4f5 rgb(243,212,245)
```
#f7e4f9
```
#f7e4f9 rgb(247,228,249)
```
#fcf4fc
```
#fcf4fc rgb(252,244,252)
```

Tint Color Variation

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

#797879
```
#797879 rgb(121,120,121)
```
#816f82
```
#816f82 rgb(129,111,130)
```
#89668b
```
#89668b rgb(137,102,139)
```
#915c95
```
#915c95 rgb(145,92,149)
```
#99539e
```
#99539e rgb(153,83,158)
```
#a24aa7
```
#a24aa7 rgb(162,74,167)
```
#aa41b0
```
#aa41b0 rgb(170,65,176)
```
#b237ba
```
#b237ba rgb(178,55,186)
```
#ba2ec3
```
#ba2ec3 rgb(186,46,195)
```
#c225cc
```
#c225cc rgb(194,37,204)
```
#ca1bd6
```
#ca1bd6 rgb(202,27,214)
```
#d212df
```
#d212df rgb(210,18,223)
```
#db09e8
```
#db09e8 rgb(219,9,232)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#795d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#5178b6 Deuteranopia 1% of men
#b05f65 Tritanopia 0.001% of the population

Trichromacy

#435ad7 Protanomaly 1% of men, 0.01% of women
#775dba Deuteranomaly 6% of men, 0.4% of women
#b44d87 Tritanomaly 0.01% of the population