#ba1dc2 hex color

In a RGB color space, hex #ba1dc2 is composed of 72.9% red, 11.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 4.1% cyan, 85.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 297.1 degrees, a saturation of 74% and a lightness of 43.7%. #ba1dc2 color hex could be obtained by blending #ff3aff with #750085. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 11
- B 76
RGB color chart
- C 4
- M 85
- Y 0
- K 24
CMYK color chart

● #ba1dc2 color description : Strong magenta.

The hexadecimal color #ba1dc2 has RGB values of R:186, G:29, B:194 and CMYK values of C:0.04, M:0.85, Y:0, K:0.24. Its decimal value is 12197314.

Hex triplet	ba1dc2	`#ba1dc2`
RGB Decimal	186, 29, 194	`rgb(186,29,194)`
RGB Percent	72.9, 11.4, 76.1	`rgb(72.9%,11.4%,76.1%)`
CMYK	4, 85, 0, 24
HSL	297.1°, 74, 43.7	`hsl(297.1,74%,43.7%)`
HSV (or HSB)	297.1°, 85.1, 76.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	45.927, 75.109, -49.93
XYZ	30.426, 15.215, 52.37
xyY	0.31, 0.155, 15.215
CIE-LCH	45.927, 90.191, 326.385
CIE-LUV	45.927, 56.652, -82.977
Hunter-Lab	39.006, 70.974, -52.299
Binary	10111010, 00011101, 11000010

#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#25c21d
```
#25c21d rgb(37,194,29)
```

Complementary Color

#681dc2
```
#681dc2 rgb(104,29,194)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#c21d78
```
#c21d78 rgb(194,29,120)
```

Analogous Color

#1dc268
```
#1dc268 rgb(29,194,104)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#78c21d
```
#78c21d rgb(120,194,29)
```

Split Complementary Color

#1dc2ba
```
#1dc2ba rgb(29,194,186)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#c2ba1d
```
#c2ba1d rgb(194,186,29)
```

Triadic Color

#1d25c2
```
#1d25c2 rgb(29,37,194)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#c2ba1d
```
#c2ba1d rgb(194,186,29)
```
#25c21d
```
#25c21d rgb(37,194,29)
```

Tetradic Color

#7a137f
```
#7a137f rgb(122,19,127)
```
#8f1696
```
#8f1696 rgb(143,22,150)
```
#a51aac
```
#a51aac rgb(165,26,172)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#cf20d8
```
#cf20d8 rgb(207,32,216)
```
#d832e0
```
#d832e0 rgb(216,50,224)
```
#dc48e4
```
#dc48e4 rgb(220,72,228)
```

Monochromatic Color

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

#911dc2
```
#911dc2 rgb(145,29,194)
```
#9f1dc2
```
#9f1dc2 rgb(159,29,194)
```
#ac1dc2
```
#ac1dc2 rgb(172,29,194)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#c21dbc
```
#c21dbc rgb(194,29,188)
```
#c21daf
```
#c21daf rgb(194,29,175)
```
#c21da1
```
#c21da1 rgb(194,29,161)
```

Similar Colors

Text with hexadecimal color #ba1dc2

This text has a font color of #ba1dc2.

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

#ba1dc2 background color

This paragraph has a background color of #ba1dc2.

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

#ba1dc2 border color

This element has a border color of #ba1dc2.

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

CSS codes

.text {color:#ba1dc2;}

.background {background-color:#ba1dc2;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#160317
```
#160317 rgb(22,3,23)
```
#270628
```
#270628 rgb(39,6,40)
```
#370939
```
#370939 rgb(55,9,57)
```
#470b4b
```
#470b4b rgb(71,11,75)
```
#580e5c
```
#580e5c rgb(88,14,92)
```
#68106d
```
#68106d rgb(104,16,109)
```
#79137e
```
#79137e rgb(121,19,126)
```
#89158f
```
#89158f rgb(137,21,143)
```
#9918a0
```
#9918a0 rgb(153,24,160)
```
#aa1ab1
```
#aa1ab1 rgb(170,26,177)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#ca20d3
```
#ca20d3 rgb(202,32,211)
```

Shade Color Variation

#d627df
```
#d627df rgb(214,39,223)
```
#d939e1
```
#d939e1 rgb(217,57,225)
```
#dc4ae4
```
#dc4ae4 rgb(220,74,228)
```
#e05be6
```
#e05be6 rgb(224,91,230)
```
#e36ce9
```
#e36ce9 rgb(227,108,233)
```
#e67dec
```
#e67dec rgb(230,125,236)
```
#e98eee
```
#e98eee rgb(233,142,238)
```
#ed9ff1
```
#ed9ff1 rgb(237,159,241)
```
#f0b0f3
```
#f0b0f3 rgb(240,176,243)
```
#f3c1f6
```
#f3c1f6 rgb(243,193,246)
```
#f6d2f8
```
#f6d2f8 rgb(246,210,248)
```
#fae3fb
```
#fae3fb rgb(250,227,251)
```
#fdf4fd
```
#fdf4fd rgb(253,244,253)
```

Tint Color Variation

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

#746a75
```
#746a75 rgb(116,106,117)
```
#7c627d
```
#7c627d rgb(124,98,125)
```
#845986
```
#845986 rgb(132,89,134)
```
#8c508f
```
#8c508f rgb(140,80,143)
```
#934897
```
#934897 rgb(147,72,151)
```
#9b3fa0
```
#9b3fa0 rgb(155,63,160)
```
#a337a8
```
#a337a8 rgb(163,55,168)
```
#ab2eb1
```
#ab2eb1 rgb(171,46,177)
```
#b226b9
```
#b226b9 rgb(178,38,185)
```
#ba1dc2
```
#ba1dc2 rgb(186,29,194)
```
#c214cb
```
#c214cb rgb(194,20,203)
```
#c90cd3
```
#c90cd3 rgb(201,12,211)
```
#d103dc
```
#d103dc rgb(209,3,220)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#715273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#4a74b3 Deuteranopia 1% of men
#b0595e Tritanopia 0.001% of the population

Trichromacy

#4352d2 Protanomaly 1% of men, 0.01% of women
#7354b8 Deuteranomaly 6% of men, 0.4% of women
#b34382 Tritanomaly 0.01% of the population

#ba1dc2 hex color

#ba1dc2 Color Information

#ba1dc2 Color Conversion

Color Schemes with #ba1dc2

Alternatives to #ba1dc2

#ba1dc2 Preview

Shades and Tints of #ba1dc2

Tones of #ba1dc2

Color Blindness Simulator