#ba0bd4 hex color

In a RGB color space, hex #ba0bd4 is composed of 72.9% red, 4.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 94.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 292.2 degrees, a saturation of 90.1% and a lightness of 43.7%. #ba0bd4 color hex could be obtained by blending #ff16ff with #7500a9. Closest websafe color is: #cc00cc.

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

● #ba0bd4 color description : Strong magenta.

The hexadecimal color #ba0bd4 has RGB values of R:186, G:11, B:212 and CMYK values of C:0.12, M:0.95, Y:0, K:0.17. Its decimal value is 12192724.

Hex triplet	ba0bd4	`#ba0bd4`
RGB Decimal	186, 11, 212	`rgb(186,11,212)`
RGB Percent	72.9, 4.3, 83.1	`rgb(72.9%,4.3%,83.1%)`
CMYK	12, 95, 0, 17
HSL	292.2°, 90.1, 43.7	`hsl(292.2,90.1%,43.7%)`
HSV (or HSB)	292.2°, 94.8, 83.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.223, 80.545, -59.872
XYZ	32.252, 15.434, 63.564
xyY	0.29, 0.139, 15.434
CIE-LCH	46.223, 100.36, 323.375
CIE-LUV	46.223, 51.699, -97.756
Hunter-Lab	39.286, 77.79, -68.431
Binary	10111010, 00001011, 11010100

#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#25d40b
```
#25d40b rgb(37,212,11)
```

Complementary Color

#550bd4
```
#550bd4 rgb(85,11,212)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#d40b8a
```
#d40b8a rgb(212,11,138)
```

Analogous Color

#0bd455
```
#0bd455 rgb(11,212,85)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#8ad40b
```
#8ad40b rgb(138,212,11)
```

Split Complementary Color

#0bd4ba
```
#0bd4ba rgb(11,212,186)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#d4ba0b
```
#d4ba0b rgb(212,186,11)
```

Triadic Color

#0b25d4
```
#0b25d4 rgb(11,37,212)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#d4ba0b
```
#d4ba0b rgb(212,186,11)
```
#25d40b
```
#25d40b rgb(37,212,11)
```

Tetradic Color

#7a078b
```
#7a078b rgb(122,7,139)
```
#8f08a4
```
#8f08a4 rgb(143,8,164)
```
#a50abc
```
#a50abc rgb(165,10,188)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#cf0cec
```
#cf0cec rgb(207,12,236)
```
#d81ff3
```
#d81ff3 rgb(216,31,243)
```
#dc37f5
```
#dc37f5 rgb(220,55,245)
```

Monochromatic Color

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

#880bd4
```
#880bd4 rgb(136,11,212)
```
#990bd4
```
#990bd4 rgb(153,11,212)
```
#a90bd4
```
#a90bd4 rgb(169,11,212)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#cb0bd4
```
#cb0bd4 rgb(203,11,212)
```
#d40bcd
```
#d40bcd rgb(212,11,205)
```
#d40bbc
```
#d40bbc rgb(212,11,188)
```

Similar Colors

Text with hexadecimal color #ba0bd4

This text has a font color of #ba0bd4.

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

#ba0bd4 background color

This paragraph has a background color of #ba0bd4.

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

#ba0bd4 border color

This element has a border color of #ba0bd4.

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

CSS codes

.text {color:#ba0bd4;}

.background {background-color:#ba0bd4;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#16011a
```
#16011a rgb(22,1,26)
```
#27022c
```
#27022c rgb(39,2,44)
```
#37033f
```
#37033f rgb(55,3,63)
```
#470451
```
#470451 rgb(71,4,81)
```
#580564
```
#580564 rgb(88,5,100)
```
#680677
```
#680677 rgb(104,6,119)
```
#790789
```
#790789 rgb(121,7,137)
```
#89089c
```
#89089c rgb(137,8,156)
```
#9909af
```
#9909af rgb(153,9,175)
```
#aa0ac1
```
#aa0ac1 rgb(170,10,193)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#ca0ce7
```
#ca0ce7 rgb(202,12,231)
```

Shade Color Variation

#d613f3
```
#d613f3 rgb(214,19,243)
```
#d926f4
```
#d926f4 rgb(217,38,244)
```
#dc39f5
```
#dc39f5 rgb(220,57,245)
```
#e04bf6
```
#e04bf6 rgb(224,75,246)
```
#e35ef7
```
#e35ef7 rgb(227,94,247)
```
#e671f8
```
#e671f8 rgb(230,113,248)
```
#e983f9
```
#e983f9 rgb(233,131,249)
```
#ed96fa
```
#ed96fa rgb(237,150,250)
```
#f0a9fb
```
#f0a9fb rgb(240,169,251)
```
#f3bbfb
```
#f3bbfb rgb(243,187,251)
```
#f6cefc
```
#f6cefc rgb(246,206,252)
```
#fae1fd
```
#fae1fd rgb(250,225,253)
```
#fdf3fe
```
#fdf3fe rgb(253,243,254)
```

Tint Color Variation

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

#746976
```
#746976 rgb(116,105,118)
```
#7a617e
```
#7a617e rgb(122,97,126)
```
#815887
```
#815887 rgb(129,88,135)
```
#87508f
```
#87508f rgb(135,80,143)
```
#8d4798
```
#8d4798 rgb(141,71,152)
```
#943ea1
```
#943ea1 rgb(148,62,161)
```
#9a36a9
```
#9a36a9 rgb(154,54,169)
```
#a12db2
```
#a12db2 rgb(161,45,178)
```
#a725ba
```
#a725ba rgb(167,37,186)
```
#ad1cc3
```
#ad1cc3 rgb(173,28,195)
```
#b414cb
```
#b414cb rgb(180,20,203)
```
#ba0bd4
```
#ba0bd4 rgb(186,11,212)
```
#c002dd
```
#c002dd rgb(192,2,221)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a476f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#2b76c2 Deuteranopia 1% of men
#ac5c62 Tritanopia 0.001% of the population

Trichromacy

#434cda Protanomaly 1% of men, 0.01% of women
#5f4fc8 Deuteranomaly 6% of men, 0.4% of women
#b13f8b Tritanomaly 0.01% of the population

#ba0bd4 hex color

#ba0bd4 Color Information

#ba0bd4 Color Conversion

Color Schemes with #ba0bd4

Alternatives to #ba0bd4

#ba0bd4 Preview

Shades and Tints of #ba0bd4

Tones of #ba0bd4

Color Blindness Simulator