#ba2ed9 hex color

In a RGB color space, hex #ba2ed9 is composed of 72.9% red, 18% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 78.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 289.1 degrees, a saturation of 69.2% and a lightness of 51.6%. #ba2ed9 color hex could be obtained by blending #ff5cff with #7500b3. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 18
- B 85
RGB color chart
- C 14
- M 79
- Y 0
- K 15
CMYK color chart

● #ba2ed9 color description : Bright magenta.

The hexadecimal color #ba2ed9 has RGB values of R:186, G:46, B:217 and CMYK values of C:0.14, M:0.79, Y:0, K:0.15. Its decimal value is 12201689.

Hex triplet	ba2ed9	`#ba2ed9`
RGB Decimal	186, 46, 217	`rgb(186,46,217)`
RGB Percent	72.9, 18, 85.1	`rgb(72.9%,18%,85.1%)`
CMYK	14, 79, 0, 15
HSL	289.1°, 69.2, 51.6	`hsl(289.1,69.2%,51.6%)`
HSV (or HSB)	289.1°, 78.8, 85.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.766, 74.9, -58.636
XYZ	33.75, 17.404, 67.224
xyY	0.285, 0.147, 17.404
CIE-LCH	48.766, 95.122, 321.944
CIE-LUV	48.766, 46.956, -96.893
Hunter-Lab	41.719, 71.396, -66.334
Binary	10111010, 00101110, 11011001

#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#4dd92e
```
#4dd92e rgb(77,217,46)
```

Complementary Color

#652ed9
```
#652ed9 rgb(101,46,217)
```
#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#d92ea3
```
#d92ea3 rgb(217,46,163)
```

Analogous Color

#2ed965
```
#2ed965 rgb(46,217,101)
```
#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#a3d92e
```
#a3d92e rgb(163,217,46)
```

Split Complementary Color

#2ed9ba
```
#2ed9ba rgb(46,217,186)
```
#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#d9ba2e
```
#d9ba2e rgb(217,186,46)
```

Triadic Color

#2e4dd9
```
#2e4dd9 rgb(46,77,217)
```
#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#d9ba2e
```
#d9ba2e rgb(217,186,46)
```
#4dd92e
```
#4dd92e rgb(77,217,46)
```

Tetradic Color

#861d9e
```
#861d9e rgb(134,29,158)
```
#9921b3
```
#9921b3 rgb(153,33,179)
```
#ab25c9
```
#ab25c9 rgb(171,37,201)
```
#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#c144dd
```
#c144dd rgb(193,68,221)
```
#c859e1
```
#c859e1 rgb(200,89,225)
```
#cf6fe5
```
#cf6fe5 rgb(207,111,229)
```

Monochromatic Color

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

#8f2ed9
```
#8f2ed9 rgb(143,46,217)
```
#9e2ed9
```
#9e2ed9 rgb(158,46,217)
```
#ac2ed9
```
#ac2ed9 rgb(172,46,217)
```
#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#c82ed9
```
#c82ed9 rgb(200,46,217)
```
#d72ed9
```
#d72ed9 rgb(215,46,217)
```
#d92ecd
```
#d92ecd rgb(217,46,205)
```

Similar Colors

Text with hexadecimal color #ba2ed9

This text has a font color of #ba2ed9.

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

#ba2ed9 background color

This paragraph has a background color of #ba2ed9.

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

#ba2ed9 border color

This element has a border color of #ba2ed9.

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

CSS codes

.text {color:#ba2ed9;}

.background {background-color:#ba2ed9;}

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

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

#060107
```
#060107 rgb(6,1,7)
```
#140417
```
#140417 rgb(20,4,23)
```
#220728
```
#220728 rgb(34,7,40)
```
#300a39
```
#300a39 rgb(48,10,57)
```
#3e0d49
```
#3e0d49 rgb(62,13,73)
```
#4c105a
```
#4c105a rgb(76,16,90)
```
#5b136a
```
#5b136a rgb(91,19,106)
```
#69167b
```
#69167b rgb(105,22,123)
```
#77198c
```
#77198c rgb(119,25,140)
```
#851c9c
```
#851c9c rgb(133,28,156)
```
#931fad
```
#931fad rgb(147,31,173)
```
#a122bd
```
#a122bd rgb(161,34,189)
```
#af25ce
```
#af25ce rgb(175,37,206)
```

Shade Color Variation

#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#bf3fdc
```
#bf3fdc rgb(191,63,220)
```
#c54fdf
```
#c54fdf rgb(197,79,223)
```
#ca60e2
```
#ca60e2 rgb(202,96,226)
```
#d070e5
```
#d070e5 rgb(208,112,229)
```
#d581e8
```
#d581e8 rgb(213,129,232)
```
#db92eb
```
#db92eb rgb(219,146,235)
```
#e0a2ee
```
#e0a2ee rgb(224,162,238)
```
#e6b3f1
```
#e6b3f1 rgb(230,179,241)
```
#ebc3f4
```
#ebc3f4 rgb(235,195,244)
```
#f1d4f7
```
#f1d4f7 rgb(241,212,247)
```
#f6e5fa
```
#f6e5fa rgb(246,229,250)
```
#fcf5fd
```
#fcf5fd rgb(252,245,253)
```

Tint Color Variation

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

#8a7a8d
```
#8a7a8d rgb(138,122,141)
```
#907197
```
#907197 rgb(144,113,151)
```
#9667a0
```
#9667a0 rgb(150,103,160)
```
#9c5eaa
```
#9c5eaa rgb(156,94,170)
```
#a254b3
```
#a254b3 rgb(162,84,179)
```
#a84bbd
```
#a84bbd rgb(168,75,189)
```
#ae41c6
```
#ae41c6 rgb(174,65,198)
```
#b438d0
```
#b438d0 rgb(180,56,208)
```
#ba2ed9
```
#ba2ed9 rgb(186,46,217)
```
#c025e3
```
#c025e3 rgb(192,37,227)
```
#c61bec
```
#c61bec rgb(198,27,236)
```
#cc12f6
```
#cc12f6 rgb(204,18,246)
```
#d208ff
```
#d208ff rgb(210,8,255)
```

Tone Color Variation

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

Dichromacy

#0077e9 Protanopia 1% of men
#387cc8 Deuteranopia 1% of men
#ac666d Tritanopia 0.001% of the population

Trichromacy

#435ce3 Protanomaly 1% of men, 0.01% of women
#675fce Deuteranomaly 6% of men, 0.4% of women
#b15294 Tritanomaly 0.01% of the population

#ba2ed9 hex color

#ba2ed9 Color Information

#ba2ed9 Color Conversion

Color Schemes with #ba2ed9

Alternatives to #ba2ed9

#ba2ed9 Preview

Shades and Tints of #ba2ed9

Tones of #ba2ed9

Color Blindness Simulator