#ba16e4 hex color

In a RGB color space, hex #ba16e4 is composed of 72.9% red, 8.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 90.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 287.8 degrees, a saturation of 82.4% and a lightness of 49%. #ba16e4 color hex could be obtained by blending #ff2cff with #7500c9. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 89
RGB color chart
- C 18
- M 90
- Y 0
- K 11
CMYK color chart

● #ba16e4 color description : Vivid magenta.

The hexadecimal color #ba16e4 has RGB values of R:186, G:22, B:228 and CMYK values of C:0.18, M:0.9, Y:0, K:0.11. Its decimal value is 12195556.

Hex triplet	ba16e4	`#ba16e4`
RGB Decimal	186, 22, 228	`rgb(186,22,228)`
RGB Percent	72.9, 8.6, 89.4	`rgb(72.9%,8.6%,89.4%)`
CMYK	18, 90, 0, 11
HSL	287.8°, 82.4, 49	`hsl(287.8,82.4%,49%)`
HSV (or HSB)	287.8°, 90.4, 89.4
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.772, 81.919, -66.506
XYZ	34.539, 16.616, 74.782
xyY	0.274, 0.132, 16.616
CIE-LCH	47.772, 105.517, 320.928
CIE-LUV	47.772, 45.988, -108.081
Hunter-Lab	40.763, 79.91, -80.238
Binary	10111010, 00010110, 11100100

#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#40e416
```
#40e416 rgb(64,228,22)
```

Complementary Color

#5316e4
```
#5316e4 rgb(83,22,228)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#e416a7
```
#e416a7 rgb(228,22,167)
```

Analogous Color

#16e453
```
#16e453 rgb(22,228,83)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#a7e416
```
#a7e416 rgb(167,228,22)
```

Split Complementary Color

#16e4ba
```
#16e4ba rgb(22,228,186)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#e4ba16
```
#e4ba16 rgb(228,186,22)
```

Triadic Color

#1640e4
```
#1640e4 rgb(22,64,228)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#e4ba16
```
#e4ba16 rgb(228,186,22)
```
#40e416
```
#40e416 rgb(64,228,22)
```

Tetradic Color

#810f9e
```
#810f9e rgb(129,15,158)
```
#9412b5
```
#9412b5 rgb(148,18,181)
```
#a714cd
```
#a714cd rgb(167,20,205)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#c329ea
```
#c329ea rgb(195,41,234)
```
#c940ed
```
#c940ed rgb(201,64,237)
```
#d058ef
```
#d058ef rgb(208,88,239)
```

Monochromatic Color

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

#8716e4
```
#8716e4 rgb(135,22,228)
```
#9816e4
```
#9816e4 rgb(152,22,228)
```
#a916e4
```
#a916e4 rgb(169,22,228)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#cb16e4
```
#cb16e4 rgb(203,22,228)
```
#dc16e4
```
#dc16e4 rgb(220,22,228)
```
#e416db
```
#e416db rgb(228,22,219)
```

Similar Colors

Text with hexadecimal color #ba16e4

This text has a font color of #ba16e4.

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

#ba16e4 background color

This paragraph has a background color of #ba16e4.

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

#ba16e4 border color

This element has a border color of #ba16e4.

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

CSS codes

.text {color:#ba16e4;}

.background {background-color:#ba16e4;}

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

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

#0b010d
```
#0b010d rgb(11,1,13)
```
#19031f
```
#19031f rgb(25,3,31)
```
#280531
```
#280531 rgb(40,5,49)
```
#370643
```
#370643 rgb(55,6,67)
```
#450855
```
#450855 rgb(69,8,85)
```
#540a67
```
#540a67 rgb(84,10,103)
```
#620c79
```
#620c79 rgb(98,12,121)
```
#710d8b
```
#710d8b rgb(113,13,139)
```
#800f9c
```
#800f9c rgb(128,15,156)
```
#8e11ae
```
#8e11ae rgb(142,17,174)
```
#9d13c0
```
#9d13c0 rgb(157,19,192)
```
#ab14d2
```
#ab14d2 rgb(171,20,210)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```

Shade Color Variation

#c124ea
```
#c124ea rgb(193,36,234)
```
#c636ec
```
#c636ec rgb(198,54,236)
```
#cc48ed
```
#cc48ed rgb(204,72,237)
```
#d159ef
```
#d159ef rgb(209,89,239)
```
#d66bf1
```
#d66bf1 rgb(214,107,241)
```
#db7df2
```
#db7df2 rgb(219,125,242)
```
#e08ff4
```
#e08ff4 rgb(224,143,244)
```
#e5a1f6
```
#e5a1f6 rgb(229,161,246)
```
#eab3f8
```
#eab3f8 rgb(234,179,248)
```
#efc5f9
```
#efc5f9 rgb(239,197,249)
```
#f4d7fb
```
#f4d7fb rgb(244,215,251)
```
#f9e9fd
```
#f9e9fd rgb(249,233,253)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#817684
```
#817684 rgb(129,118,132)
```
#876d8d
```
#876d8d rgb(135,109,141)
```
#8c6397
```
#8c6397 rgb(140,99,151)
```
#9259a1
```
#9259a1 rgb(146,89,161)
```
#9850aa
```
#9850aa rgb(152,80,170)
```
#9e46b4
```
#9e46b4 rgb(158,70,180)
```
#a33cbe
```
#a33cbe rgb(163,60,190)
```
#a933c7
```
#a933c7 rgb(169,51,199)
```
#af29d1
```
#af29d1 rgb(175,41,209)
```
#b420da
```
#b420da rgb(180,32,218)
```
#ba16e4
```
#ba16e4 rgb(186,22,228)
```
#c00cee
```
#c00cee rgb(192,12,238)
```
#c503f7
```
#c503f7 rgb(197,3,247)
```

Tone Color Variation

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

Dichromacy

#0075e4 Protanopia 1% of men
#007acc Deuteranopia 1% of men
#a9646b Tritanopia 0.001% of the population

Trichromacy

#4352e4 Protanomaly 1% of men, 0.01% of women
#4356d4 Deuteranomaly 6% of men, 0.4% of women
#af4897 Tritanomaly 0.01% of the population

#ba16e4 hex color

#ba16e4 Color Information

#ba16e4 Color Conversion

Color Schemes with #ba16e4

Alternatives to #ba16e4

#ba16e4 Preview

Shades and Tints of #ba16e4

Tones of #ba16e4

Color Blindness Simulator