#ba1dd8 hex color

In a RGB color space, hex #ba1dd8 is composed of 72.9% red, 11.4% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 86.6% magenta, 0% yellow and 15.3% black. It has a hue angle of 290.4 degrees, a saturation of 76.3% and a lightness of 48%. #ba1dd8 color hex could be obtained by blending #ff3aff with #7500b1. Closest websafe color is: #cc33cc.

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

● #ba1dd8 color description : Strong magenta.

The hexadecimal color #ba1dd8 has RGB values of R:186, G:29, B:216 and CMYK values of C:0.14, M:0.87, Y:0, K:0.15. Its decimal value is 12197336.

Hex triplet	ba1dd8	`#ba1dd8`
RGB Decimal	186, 29, 216	`rgb(186,29,216)`
RGB Percent	72.9, 11.4, 84.7	`rgb(72.9%,11.4%,84.7%)`
CMYK	14, 87, 0, 15
HSL	290.4°, 76.3, 48	`hsl(290.4,76.3%,48%)`
HSV (or HSB)	290.4°, 86.6, 84.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.336, 78.712, -60.369
XYZ	33.082, 16.277, 66.361
xyY	0.286, 0.141, 16.277
CIE-LCH	47.336, 99.197, 322.513
CIE-LUV	47.336, 49.213, -98.941
Hunter-Lab	40.345, 75.763, -69.281
Binary	10111010, 00011101, 11011000

#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#3bd81d
```
#3bd81d rgb(59,216,29)
```

Complementary Color

#5d1dd8
```
#5d1dd8 rgb(93,29,216)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#d81d99
```
#d81d99 rgb(216,29,153)
```

Analogous Color

#1dd85d
```
#1dd85d rgb(29,216,93)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#99d81d
```
#99d81d rgb(153,216,29)
```

Split Complementary Color

#1dd8ba
```
#1dd8ba rgb(29,216,186)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#d8ba1d
```
#d8ba1d rgb(216,186,29)
```

Triadic Color

#1d3bd8
```
#1d3bd8 rgb(29,59,216)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#d8ba1d
```
#d8ba1d rgb(216,186,29)
```
#3bd81d
```
#3bd81d rgb(59,216,29)
```

Tetradic Color

#801495
```
#801495 rgb(128,20,149)
```
#9317ab
```
#9317ab rgb(147,23,171)
```
#a71ac2
```
#a71ac2 rgb(167,26,194)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#c52ce3
```
#c52ce3 rgb(197,44,227)
```
#cb42e6
```
#cb42e6 rgb(203,66,230)
```
#d259e9
```
#d259e9 rgb(210,89,233)
```

Monochromatic Color

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

#8b1dd8
```
#8b1dd8 rgb(139,29,216)
```
#9b1dd8
```
#9b1dd8 rgb(155,29,216)
```
#aa1dd8
```
#aa1dd8 rgb(170,29,216)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#ca1dd8
```
#ca1dd8 rgb(202,29,216)
```
#d81dd7
```
#d81dd7 rgb(216,29,215)
```
#d81dc7
```
#d81dc7 rgb(216,29,199)
```

Similar Colors

Text with hexadecimal color #ba1dd8

This text has a font color of #ba1dd8.

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

#ba1dd8 background color

This paragraph has a background color of #ba1dd8.

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

#ba1dd8 border color

This element has a border color of #ba1dd8.

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

CSS codes

.text {color:#ba1dd8;}

.background {background-color:#ba1dd8;}

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

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

#070108
```
#070108 rgb(7,1,8)
```
#16031a
```
#16031a rgb(22,3,26)
```
#25062b
```
#25062b rgb(37,6,43)
```
#34083c
```
#34083c rgb(52,8,60)
```
#430a4e
```
#430a4e rgb(67,10,78)
```
#520d5f
```
#520d5f rgb(82,13,95)
```
#610f70
```
#610f70 rgb(97,15,112)
```
#701182
```
#701182 rgb(112,17,130)
```
#7e1493
```
#7e1493 rgb(126,20,147)
```
#8d16a4
```
#8d16a4 rgb(141,22,164)
```
#9c18b5
```
#9c18b5 rgb(156,24,181)
```
#ab1bc7
```
#ab1bc7 rgb(171,27,199)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```

Shade Color Variation

#c427e2
```
#c427e2 rgb(196,39,226)
```
#c938e4
```
#c938e4 rgb(201,56,228)
```
#cd49e7
```
#cd49e7 rgb(205,73,231)
```
#d25be9
```
#d25be9 rgb(210,91,233)
```
#d76ceb
```
#d76ceb rgb(215,108,235)
```
#dc7dee
```
#dc7dee rgb(220,125,238)
```
#e08ef0
```
#e08ef0 rgb(224,142,240)
```
#e5a0f2
```
#e5a0f2 rgb(229,160,242)
```
#eab1f5
```
#eab1f5 rgb(234,177,245)
```
#eec2f7
```
#eec2f7 rgb(238,194,247)
```
#f3d4f9
```
#f3d4f9 rgb(243,212,249)
```
#f8e5fb
```
#f8e5fb rgb(248,229,251)
```
#fdf6fe
```
#fdf6fe rgb(253,246,254)
```

Tint Color Variation

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

#807283
```
#807283 rgb(128,114,131)
```
#87688d
```
#87688d rgb(135,104,141)
```
#8d5f96
```
#8d5f96 rgb(141,95,150)
```
#94569f
```
#94569f rgb(148,86,159)
```
#9a4ca9
```
#9a4ca9 rgb(154,76,169)
```
#a043b2
```
#a043b2 rgb(160,67,178)
```
#a739bc
```
#a739bc rgb(167,57,188)
```
#ad30c5
```
#ad30c5 rgb(173,48,197)
```
#b426cf
```
#b426cf rgb(180,38,207)
```
#ba1dd8
```
#ba1dd8 rgb(186,29,216)
```
#c014e1
```
#c014e1 rgb(192,20,225)
```
#c70aeb
```
#c70aeb rgb(199,10,235)
```
#cd01f4
```
#cd01f4 rgb(205,1,244)
```

Tone Color Variation

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

Dichromacy

#0074e2 Protanopia 1% of men
#2c79c6 Deuteranopia 1% of men
#ac6167 Tritanopia 0.001% of the population

Trichromacy

#4354de Protanomaly 1% of men, 0.01% of women
#5f57cc Deuteranomaly 6% of men, 0.4% of women
#b14890 Tritanomaly 0.01% of the population

#ba1dd8 hex color

#ba1dd8 Color Information

#ba1dd8 Color Conversion

Color Schemes with #ba1dd8

Alternatives to #ba1dd8

#ba1dd8 Preview

Shades and Tints of #ba1dd8

Tones of #ba1dd8

Color Blindness Simulator