#ba14e2 hex color

In a RGB color space, hex #ba14e2 is composed of 72.9% red, 7.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 91.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 288.3 degrees, a saturation of 83.7% and a lightness of 48.2%. #ba14e2 color hex could be obtained by blending #ff28ff with #7500c5. Closest websafe color is: #cc00cc.

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

● #ba14e2 color description : Vivid magenta.

The hexadecimal color #ba14e2 has RGB values of R:186, G:20, B:226 and CMYK values of C:0.18, M:0.91, Y:0, K:0.11. Its decimal value is 12195042.

Hex triplet	ba14e2	`#ba14e2`
RGB Decimal	186, 20, 226	`rgb(186,20,226)`
RGB Percent	72.9, 7.8, 88.6	`rgb(72.9%,7.8%,88.6%)`
CMYK	18, 91, 0, 11
HSL	288.3°, 83.7, 48.2	`hsl(288.3,83.7%,48.2%)`
HSV (or HSB)	288.3°, 91.2, 88.6
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.536, 81.857, -65.753
XYZ	34.226, 16.432, 73.316
xyY	0.276, 0.133, 16.432
CIE-LCH	47.536, 104.995, 321.226
CIE-LUV	47.536, 46.724, -106.876
Hunter-Lab	40.536, 79.772, -78.859
Binary	10111010, 00010100, 11100010

#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#3ce214
```
#3ce214 rgb(60,226,20)
```

Complementary Color

#5314e2
```
#5314e2 rgb(83,20,226)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#e214a3
```
#e214a3 rgb(226,20,163)
```

Analogous Color

#14e253
```
#14e253 rgb(20,226,83)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#a3e214
```
#a3e214 rgb(163,226,20)
```

Split Complementary Color

#14e2ba
```
#14e2ba rgb(20,226,186)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#e2ba14
```
#e2ba14 rgb(226,186,20)
```

Triadic Color

#143ce2
```
#143ce2 rgb(20,60,226)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#e2ba14
```
#e2ba14 rgb(226,186,20)
```
#3ce214
```
#3ce214 rgb(60,226,20)
```

Tetradic Color

#800e9c
```
#800e9c rgb(128,14,156)
```
#9310b3
```
#9310b3 rgb(147,16,179)
```
#a712cb
```
#a712cb rgb(167,18,203)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#c524ec
```
#c524ec rgb(197,36,236)
```
#cb3bee
```
#cb3bee rgb(203,59,238)
```
#d153f0
```
#d153f0 rgb(209,83,240)
```

Monochromatic Color

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

#8714e2
```
#8714e2 rgb(135,20,226)
```
#9814e2
```
#9814e2 rgb(152,20,226)
```
#a914e2
```
#a914e2 rgb(169,20,226)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#cb14e2
```
#cb14e2 rgb(203,20,226)
```
#dc14e2
```
#dc14e2 rgb(220,20,226)
```
#e214d7
```
#e214d7 rgb(226,20,215)
```

Similar Colors

Text with hexadecimal color #ba14e2

This text has a font color of #ba14e2.

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

#ba14e2 background color

This paragraph has a background color of #ba14e2.

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

#ba14e2 border color

This element has a border color of #ba14e2.

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

CSS codes

.text {color:#ba14e2;}

.background {background-color:#ba14e2;}

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

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, #08010a is the darkest color, while #fdf7fe is the lightest one.

#08010a
```
#08010a rgb(8,1,10)
```
#17021c
```
#17021c rgb(23,2,28)
```
#26042e
```
#26042e rgb(38,4,46)
```
#350640
```
#350640 rgb(53,6,64)
```
#430752
```
#430752 rgb(67,7,82)
```
#520964
```
#520964 rgb(82,9,100)
```
#610a76
```
#610a76 rgb(97,10,118)
```
#700c88
```
#700c88 rgb(112,12,136)
```
#7f0e9a
```
#7f0e9a rgb(127,14,154)
```
#8e0fac
```
#8e0fac rgb(142,15,172)
```
#9c11be
```
#9c11be rgb(156,17,190)
```
#ab12d0
```
#ab12d0 rgb(171,18,208)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```

Shade Color Variation

#c31eeb
```
#c31eeb rgb(195,30,235)
```
#c831ed
```
#c831ed rgb(200,49,237)
```
#cd43ee
```
#cd43ee rgb(205,67,238)
```
#d255f0
```
#d255f0 rgb(210,85,240)
```
#d767f2
```
#d767f2 rgb(215,103,242)
```
#db79f3
```
#db79f3 rgb(219,121,243)
```
#e08bf5
```
#e08bf5 rgb(224,139,245)
```
#e59df6
```
#e59df6 rgb(229,157,246)
```
#eaaff8
```
#eaaff8 rgb(234,175,248)
```
#eec1f9
```
#eec1f9 rgb(238,193,249)
```
#f3d3fb
```
#f3d3fb rgb(243,211,251)
```
#f8e5fd
```
#f8e5fd rgb(248,229,253)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#807383
```
#807383 rgb(128,115,131)
```
#86698d
```
#86698d rgb(134,105,141)
```
#8c6096
```
#8c6096 rgb(140,96,150)
```
#9156a0
```
#9156a0 rgb(145,86,160)
```
#974da9
```
#974da9 rgb(151,77,169)
```
#9d43b3
```
#9d43b3 rgb(157,67,179)
```
#a33abc
```
#a33abc rgb(163,58,188)
```
#a930c6
```
#a930c6 rgb(169,48,198)
```
#ae27cf
```
#ae27cf rgb(174,39,207)
```
#b41dd9
```
#b41dd9 rgb(180,29,217)
```
#ba14e2
```
#ba14e2 rgb(186,20,226)
```
#c00beb
```
#c00beb rgb(192,11,235)
```
#c601f5
```
#c601f5 rgb(198,1,245)
```

Tone Color Variation

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

Dichromacy

#0074e3 Protanopia 1% of men
#007acb Deuteranopia 1% of men
#aa636a Tritanopia 0.001% of the population

Trichromacy

#4351e2 Protanomaly 1% of men, 0.01% of women
#4355d3 Deuteranomaly 6% of men, 0.4% of women
#af4695 Tritanomaly 0.01% of the population

#ba14e2 hex color

#ba14e2 Color Information

#ba14e2 Color Conversion

Color Schemes with #ba14e2

Alternatives to #ba14e2

#ba14e2 Preview

Shades and Tints of #ba14e2

Tones of #ba14e2

Color Blindness Simulator