#ba16d4 hex color

In a RGB color space, hex #ba16d4 is composed of 72.9% red, 8.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 89.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 291.8 degrees, a saturation of 81.2% and a lightness of 45.9%. #ba16d4 color hex could be obtained by blending #ff2cff with #7500a9. Closest websafe color is: #cc00cc.

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

● #ba16d4 color description : Strong magenta.

The hexadecimal color #ba16d4 has RGB values of R:186, G:22, B:212 and CMYK values of C:0.12, M:0.9, Y:0, K:0.17. Its decimal value is 12195540.

Hex triplet	ba16d4	`#ba16d4`
RGB Decimal	186, 22, 212	`rgb(186,22,212)`
RGB Percent	72.9, 8.6, 83.1	`rgb(72.9%,8.6%,83.1%)`
CMYK	12, 90, 0, 17
HSL	291.8°, 81.2, 45.9	`hsl(291.8,81.2%,45.9%)`
HSV (or HSB)	291.8°, 89.6, 83.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.669, 79.223, -59.152
XYZ	32.419, 15.768, 63.62
xyY	0.29, 0.141, 15.768
CIE-LCH	46.669, 98.87, 323.253
CIE-LUV	46.669, 51.076, -96.886
Hunter-Lab	39.709, 76.239, -67.195
Binary	10111010, 00010110, 11010100

#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#30d416
```
#30d416 rgb(48,212,22)
```

Complementary Color

#5b16d4
```
#5b16d4 rgb(91,22,212)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#d4168f
```
#d4168f rgb(212,22,143)
```

Analogous Color

#16d45b
```
#16d45b rgb(22,212,91)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#8fd416
```
#8fd416 rgb(143,212,22)
```

Split Complementary Color

#16d4ba
```
#16d4ba rgb(22,212,186)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#d4ba16
```
#d4ba16 rgb(212,186,22)
```

Triadic Color

#1630d4
```
#1630d4 rgb(22,48,212)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#d4ba16
```
#d4ba16 rgb(212,186,22)
```
#30d416
```
#30d416 rgb(48,212,22)
```

Tetradic Color

#7d0f8f
```
#7d0f8f rgb(125,15,143)
```
#9111a6
```
#9111a6 rgb(145,17,166)
```
#a614bd
```
#a614bd rgb(166,20,189)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#cc1ce7
```
#cc1ce7 rgb(204,28,231)
```
#d133ea
```
#d133ea rgb(209,51,234)
```
#d64aec
```
#d64aec rgb(214,74,236)
```

Monochromatic Color

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

#8b16d4
```
#8b16d4 rgb(139,22,212)
```
#9a16d4
```
#9a16d4 rgb(154,22,212)
```
#aa16d4
```
#aa16d4 rgb(170,22,212)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#ca16d4
```
#ca16d4 rgb(202,22,212)
```
#d416ce
```
#d416ce rgb(212,22,206)
```
#d416bf
```
#d416bf rgb(212,22,191)
```

Similar Colors

Text with hexadecimal color #ba16d4

This text has a font color of #ba16d4.

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

#ba16d4 background color

This paragraph has a background color of #ba16d4.

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

#ba16d4 border color

This element has a border color of #ba16d4.

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

CSS codes

.text {color:#ba16d4;}

.background {background-color:#ba16d4;}

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

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, #0e0211 is the darkest color, while #fffeff is the lightest one.

#0e0211
```
#0e0211 rgb(14,2,17)
```
#1e0422
```
#1e0422 rgb(30,4,34)
```
#2e0534
```
#2e0534 rgb(46,5,52)
```
#3d0746
```
#3d0746 rgb(61,7,70)
```
#4d0958
```
#4d0958 rgb(77,9,88)
```
#5c0b69
```
#5c0b69 rgb(92,11,105)
```
#6c0d7b
```
#6c0d7b rgb(108,13,123)
```
#7c0f8d
```
#7c0f8d rgb(124,15,141)
```
#8b109f
```
#8b109f rgb(139,16,159)
```
#9b12b0
```
#9b12b0 rgb(155,18,176)
```
#aa14c2
```
#aa14c2 rgb(170,20,194)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#ca18e6
```
#ca18e6 rgb(202,24,230)
```

Shade Color Variation

#ce28e9
```
#ce28e9 rgb(206,40,233)
```
#d23aeb
```
#d23aeb rgb(210,58,235)
```
#d64cec
```
#d64cec rgb(214,76,236)
```
#db5eee
```
#db5eee rgb(219,94,238)
```
#df70f0
```
#df70f0 rgb(223,112,240)
```
#e381f2
```
#e381f2 rgb(227,129,242)
```
#e793f4
```
#e793f4 rgb(231,147,244)
```
#eba5f6
```
#eba5f6 rgb(235,165,246)
```
#efb7f7
```
#efb7f7 rgb(239,183,247)
```
#f3c8f9
```
#f3c8f9 rgb(243,200,249)
```
#f7dafb
```
#f7dafb rgb(247,218,251)
```
#fbecfd
```
#fbecfd rgb(251,236,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#79707a
```
#79707a rgb(121,112,122)
```
#7f6783
```
#7f6783 rgb(127,103,131)
```
#865e8c
```
#865e8c rgb(134,94,140)
```
#8c5595
```
#8c5595 rgb(140,85,149)
```
#934c9e
```
#934c9e rgb(147,76,158)
```
#9943a7
```
#9943a7 rgb(153,67,167)
```
#a03ab0
```
#a03ab0 rgb(160,58,176)
```
#a631b9
```
#a631b9 rgb(166,49,185)
```
#ad28c2
```
#ad28c2 rgb(173,40,194)
```
#b31fcb
```
#b31fcb rgb(179,31,203)
```
#ba16d4
```
#ba16d4 rgb(186,22,212)
```
#c10ddd
```
#c10ddd rgb(193,13,221)
```
#c704e6
```
#c704e6 rgb(199,4,230)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#704f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#3077c2 Deuteranopia 1% of men
#ad5e64 Tritanopia 0.001% of the population

Trichromacy

#4350db Protanomaly 1% of men, 0.01% of women
#6254c8 Deuteranomaly 6% of men, 0.4% of women
#b1448d Tritanomaly 0.01% of the population

#ba16d4 hex color

#ba16d4 Color Information

#ba16d4 Color Conversion

Color Schemes with #ba16d4

Alternatives to #ba16d4

#ba16d4 Preview

Shades and Tints of #ba16d4

Tones of #ba16d4

Color Blindness Simulator