#ba1ed2 hex color

In a RGB color space, hex #ba1ed2 is composed of 72.9% red, 11.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 85.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 292 degrees, a saturation of 75% and a lightness of 47.1%. #ba1ed2 color hex could be obtained by blending #ff3cff with #7500a5. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 12
- B 82
RGB color chart
- C 11
- M 86
- Y 0
- K 18
CMYK color chart

● #ba1ed2 color description : Strong magenta.

The hexadecimal color #ba1ed2 has RGB values of R:186, G:30, B:210 and CMYK values of C:0.11, M:0.86, Y:0, K:0.18. Its decimal value is 12197586.

Hex triplet	ba1ed2	`#ba1ed2`
RGB Decimal	186, 30, 210	`rgb(186,30,210)`
RGB Percent	72.9, 11.8, 82.4	`rgb(72.9%,11.8%,82.4%)`
CMYK	11, 86, 0, 18
HSL	292°, 75, 47.1	`hsl(292,75%,47.1%)`
HSV (or HSB)	292°, 85.7, 82.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.004, 77.514, -57.461
XYZ	32.346, 16.023, 62.358
xyY	0.292, 0.145, 16.023
CIE-LCH	47.004, 96.49, 323.45
CIE-LUV	47.004, 51.068, -94.522
Hunter-Lab	40.028, 74.192, -64.346
Binary	10111010, 00011110, 11010010

#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#36d21e
```
#36d21e rgb(54,210,30)
```

Complementary Color

#601ed2
```
#601ed2 rgb(96,30,210)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#d21e90
```
#d21e90 rgb(210,30,144)
```

Analogous Color

#1ed260
```
#1ed260 rgb(30,210,96)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#90d21e
```
#90d21e rgb(144,210,30)
```

Split Complementary Color

#1ed2ba
```
#1ed2ba rgb(30,210,186)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#d2ba1e
```
#d2ba1e rgb(210,186,30)
```

Triadic Color

#1e36d2
```
#1e36d2 rgb(30,54,210)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#d2ba1e
```
#d2ba1e rgb(210,186,30)
```
#36d21e
```
#36d21e rgb(54,210,30)
```

Tetradic Color

#7f148f
```
#7f148f rgb(127,20,143)
```
#9218a5
```
#9218a5 rgb(146,24,165)
```
#a61bbc
```
#a61bbc rgb(166,27,188)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#c829e0
```
#c829e0 rgb(200,41,224)
```
#ce3fe4
```
#ce3fe4 rgb(206,63,228)
```
#d356e7
```
#d356e7 rgb(211,86,231)
```

Monochromatic Color

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

#8d1ed2
```
#8d1ed2 rgb(141,30,210)
```
#9c1ed2
```
#9c1ed2 rgb(156,30,210)
```
#ab1ed2
```
#ab1ed2 rgb(171,30,210)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#c91ed2
```
#c91ed2 rgb(201,30,210)
```
#d21ecc
```
#d21ecc rgb(210,30,204)
```
#d21ebd
```
#d21ebd rgb(210,30,189)
```

Similar Colors

Text with hexadecimal color #ba1ed2

This text has a font color of #ba1ed2.

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

#ba1ed2 background color

This paragraph has a background color of #ba1ed2.

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

#ba1ed2 border color

This element has a border color of #ba1ed2.

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

CSS codes

.text {color:#ba1ed2;}

.background {background-color:#ba1ed2;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#130315
```
#130315 rgb(19,3,21)
```
#220526
```
#220526 rgb(34,5,38)
```
#310838
```
#310838 rgb(49,8,56)
```
#400a49
```
#400a49 rgb(64,10,73)
```
#500d5a
```
#500d5a rgb(80,13,90)
```
#5f0f6b
```
#5f0f6b rgb(95,15,107)
```
#6e127c
```
#6e127c rgb(110,18,124)
```
#7d148d
```
#7d148d rgb(125,20,141)
```
#8c179f
```
#8c179f rgb(140,23,159)
```
#9c19b0
```
#9c19b0 rgb(156,25,176)
```
#ab1cc1
```
#ab1cc1 rgb(171,28,193)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```

Shade Color Variation

#c724e0
```
#c724e0 rgb(199,36,224)
```
#cb35e2
```
#cb35e2 rgb(203,53,226)
```
#cf46e5
```
#cf46e5 rgb(207,70,229)
```
#d457e7
```
#d457e7 rgb(212,87,231)
```
#d869ea
```
#d869ea rgb(216,105,234)
```
#dd7aec
```
#dd7aec rgb(221,122,236)
```
#e18bee
```
#e18bee rgb(225,139,238)
```
#e69cf1
```
#e69cf1 rgb(230,156,241)
```
#eaadf3
```
#eaadf3 rgb(234,173,243)
```
#eebef6
```
#eebef6 rgb(238,190,246)
```
#f3d0f8
```
#f3d0f8 rgb(243,208,248)
```
#f7e1fb
```
#f7e1fb rgb(247,225,251)
```
#fcf2fd
```
#fcf2fd rgb(252,242,253)
```

Tint Color Variation

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

#7d717f
```
#7d717f rgb(125,113,127)
```
#846888
```
#846888 rgb(132,104,136)
```
#8b5f91
```
#8b5f91 rgb(139,95,145)
```
#91559b
```
#91559b rgb(145,85,155)
```
#984ca4
```
#984ca4 rgb(152,76,164)
```
#9f43ad
```
#9f43ad rgb(159,67,173)
```
#a63ab6
```
#a63ab6 rgb(166,58,182)
```
#ac30c0
```
#ac30c0 rgb(172,48,192)
```
#b327c9
```
#b327c9 rgb(179,39,201)
```
#ba1ed2
```
#ba1ed2 rgb(186,30,210)
```
#c115db
```
#c115db rgb(193,21,219)
```
#c80ce4
```
#c80ce4 rgb(200,12,228)
```
#ce02ee
```
#ce02ee rgb(206,2,238)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#735478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#3778c1 Deuteranopia 1% of men
#ad5f65 Tritanopia 0.001% of the population

Trichromacy

#4354db Protanomaly 1% of men, 0.01% of women
#6757c7 Deuteranomaly 6% of men, 0.4% of women
#b2478d Tritanomaly 0.01% of the population

#ba1ed2 hex color

#ba1ed2 Color Information

#ba1ed2 Color Conversion

Color Schemes with #ba1ed2

Alternatives to #ba1ed2

#ba1ed2 Preview

Shades and Tints of #ba1ed2

Tones of #ba1ed2

Color Blindness Simulator