#ba2ed4 hex color

In a RGB color space, hex #ba2ed4 is composed of 72.9% red, 18% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 78.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 290.6 degrees, a saturation of 65.9% and a lightness of 50.6%. #ba2ed4 color hex could be obtained by blending #ff5cff with #7500a9. Closest websafe color is: #cc33cc.

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

● #ba2ed4 color description : Strong magenta.

The hexadecimal color #ba2ed4 has RGB values of R:186, G:46, B:212 and CMYK values of C:0.12, M:0.78, Y:0, K:0.17. Its decimal value is 12201684.

Hex triplet	ba2ed4	`#ba2ed4`
RGB Decimal	186, 46, 212	`rgb(186,46,212)`
RGB Percent	72.9, 18, 83.1	`rgb(72.9%,18%,83.1%)`
CMYK	12, 78, 0, 17
HSL	290.6°, 65.9, 50.6	`hsl(290.6,65.9%,50.6%)`
HSV (or HSB)	290.6°, 78.3, 83.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.446, 74.023, -56.289
XYZ	33.109, 17.148, 63.85
xyY	0.29, 0.15, 17.148
CIE-LCH	48.446, 92.993, 322.75
CIE-LUV	48.446, 48.49, -93.25
Hunter-Lab	41.41, 70.249, -62.43
Binary	10111010, 00101110, 11010100

#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#48d42e
```
#48d42e rgb(72,212,46)
```

Complementary Color

#672ed4
```
#672ed4 rgb(103,46,212)
```
#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#d42e9b
```
#d42e9b rgb(212,46,155)
```

Analogous Color

#2ed467
```
#2ed467 rgb(46,212,103)
```
#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#9bd42e
```
#9bd42e rgb(155,212,46)
```

Split Complementary Color

#2ed4ba
```
#2ed4ba rgb(46,212,186)
```
#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#d4ba2e
```
#d4ba2e rgb(212,186,46)
```

Triadic Color

#2e48d4
```
#2e48d4 rgb(46,72,212)
```
#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#d4ba2e
```
#d4ba2e rgb(212,186,46)
```
#48d42e
```
#48d42e rgb(72,212,46)
```

Tetradic Color

#841f97
```
#841f97 rgb(132,31,151)
```
#9623ac
```
#9623ac rgb(150,35,172)
```
#a928c1
```
#a928c1 rgb(169,40,193)
```
#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#c143d8
```
#c143d8 rgb(193,67,216)
```
#c858dd
```
#c858dd rgb(200,88,221)
```
#cf6de1
```
#cf6de1 rgb(207,109,225)
```

Monochromatic Color

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

#912ed4
```
#912ed4 rgb(145,46,212)
```
#9e2ed4
```
#9e2ed4 rgb(158,46,212)
```
#ac2ed4
```
#ac2ed4 rgb(172,46,212)
```
#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#c82ed4
```
#c82ed4 rgb(200,46,212)
```
#d42ed2
```
#d42ed2 rgb(212,46,210)
```
#d42ec5
```
#d42ec5 rgb(212,46,197)
```

Similar Colors

Text with hexadecimal color #ba2ed4

This text has a font color of #ba2ed4.

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

#ba2ed4 background color

This paragraph has a background color of #ba2ed4.

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

#ba2ed4 border color

This element has a border color of #ba2ed4.

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

CSS codes

.text {color:#ba2ed4;}

.background {background-color:#ba2ed4;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#100413
```
#100413 rgb(16,4,19)
```
#1f0723
```
#1f0723 rgb(31,7,35)
```
#2d0b33
```
#2d0b33 rgb(45,11,51)
```
#3b0e44
```
#3b0e44 rgb(59,14,68)
```
#491154
```
#491154 rgb(73,17,84)
```
#581564
```
#581564 rgb(88,21,100)
```
#661874
```
#661874 rgb(102,24,116)
```
#741b85
```
#741b85 rgb(116,27,133)
```
#821f95
```
#821f95 rgb(130,31,149)
```
#9122a5
```
#9122a5 rgb(145,34,165)
```
#9f25b5
```
#9f25b5 rgb(159,37,181)
```
#ad29c6
```
#ad29c6 rgb(173,41,198)
```

Shade Color Variation

#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#bf3ed7
```
#bf3ed7 rgb(191,62,215)
```
#c54fdb
```
#c54fdb rgb(197,79,219)
```
#ca5fde
```
#ca5fde rgb(202,95,222)
```
#cf6fe1
```
#cf6fe1 rgb(207,111,225)
```
#d57fe5
```
#d57fe5 rgb(213,127,229)
```
#da90e8
```
#da90e8 rgb(218,144,232)
```
#e0a0eb
```
#e0a0eb rgb(224,160,235)
```
#e5b0ef
```
#e5b0ef rgb(229,176,239)
```
#eac0f2
```
#eac0f2 rgb(234,192,242)
```
#f0d1f5
```
#f0d1f5 rgb(240,209,245)
```
#f5e1f9
```
#f5e1f9 rgb(245,225,249)
```
#faf1fc
```
#faf1fc rgb(250,241,252)
```

Tint Color Variation

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

#857c86
```
#857c86 rgb(133,124,134)
```
#8b7290
```
#8b7290 rgb(139,114,144)
```
#92689a
```
#92689a rgb(146,104,154)
```
#995ea4
```
#995ea4 rgb(153,94,164)
```
#9f55ad
```
#9f55ad rgb(159,85,173)
```
#a64bb7
```
#a64bb7 rgb(166,75,183)
```
#ad41c1
```
#ad41c1 rgb(173,65,193)
```
#b338ca
```
#b338ca rgb(179,56,202)
```
#ba2ed4
```
#ba2ed4 rgb(186,46,212)
```
#c124de
```
#c124de rgb(193,36,222)
```
#c71be7
```
#c71be7 rgb(199,27,231)
```
#ce11f1
```
#ce11f1 rgb(206,17,241)
```
#d507fb
```
#d507fb rgb(213,7,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b5f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#3f7bc4 Deuteranopia 1% of men
#ad656b Tritanopia 0.001% of the population

Trichromacy

#435ce0 Protanomaly 1% of men, 0.01% of women
#6c5fca Deuteranomaly 6% of men, 0.4% of women
#b25191 Tritanomaly 0.01% of the population

#ba2ed4 hex color

#ba2ed4 Color Information

#ba2ed4 Color Conversion

Color Schemes with #ba2ed4

Alternatives to #ba2ed4

#ba2ed4 Preview

Shades and Tints of #ba2ed4

Tones of #ba2ed4

Color Blindness Simulator