#ba12ed hex color

In a RGB color space, hex #ba12ed is composed of 72.9% red, 7.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 92.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 286 degrees, a saturation of 85.9% and a lightness of 50%. #ba12ed color hex could be obtained by blending #ff24ff with #7500db. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 7
- B 93
RGB color chart
- C 22
- M 92
- Y 0
- K 7
CMYK color chart

● #ba12ed color description : Vivid magenta.

The hexadecimal color #ba12ed has RGB values of R:186, G:18, B:237 and CMYK values of C:0.22, M:0.92, Y:0, K:0.07. Its decimal value is 12194541.

Hex triplet	ba12ed	`#ba12ed`
RGB Decimal	186, 18, 237	`rgb(186,18,237)`
RGB Percent	72.9, 7.1, 92.9	`rgb(72.9%,7.1%,92.9%)`
CMYK	22, 92, 0, 7
HSL	286°, 85.9, 50	`hsl(286,85.9%,50%)`
HSV (or HSB)	286°, 92.4, 92.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.244, 84.009, -70.834
XYZ	35.75, 16.988, 81.512
xyY	0.266, 0.127, 16.988
CIE-LCH	48.244, 109.886, 319.863
CIE-LUV	48.244, 43.527, -114.533
Hunter-Lab	41.216, 82.7, -88.405
Binary	10111010, 00010010, 11101101

#ba12ed
```
#ba12ed rgb(186,18,237)
```
#45ed12
```
#45ed12 rgb(69,237,18)
```

Complementary Color

#4d12ed
```
#4d12ed rgb(77,18,237)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```
#ed12b3
```
#ed12b3 rgb(237,18,179)
```

Analogous Color

#12ed4d
```
#12ed4d rgb(18,237,77)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```
#b3ed12
```
#b3ed12 rgb(179,237,18)
```

Split Complementary Color

#12edba
```
#12edba rgb(18,237,186)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```
#edba12
```
#edba12 rgb(237,186,18)
```

Triadic Color

#1245ed
```
#1245ed rgb(18,69,237)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```
#edba12
```
#edba12 rgb(237,186,18)
```
#45ed12
```
#45ed12 rgb(69,237,18)
```

Tetradic Color

#820da6
```
#820da6 rgb(130,13,166)
```
#950ebe
```
#950ebe rgb(149,14,190)
```
#a710d5
```
#a710d5 rgb(167,16,213)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```
#c12aef
```
#c12aef rgb(193,42,239)
```
#c841f1
```
#c841f1 rgb(200,65,241)
```
#cf59f2
```
#cf59f2 rgb(207,89,242)
```

Monochromatic Color

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

#8312ed
```
#8312ed rgb(131,18,237)
```
#9612ed
```
#9612ed rgb(150,18,237)
```
#a812ed
```
#a812ed rgb(168,18,237)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```
#cc12ed
```
#cc12ed rgb(204,18,237)
```
#df12ed
```
#df12ed rgb(223,18,237)
```
#ed12e9
```
#ed12e9 rgb(237,18,233)
```

Similar Colors

Text with hexadecimal color #ba12ed

This text has a font color of #ba12ed.

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

#ba12ed background color

This paragraph has a background color of #ba12ed.

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

#ba12ed border color

This element has a border color of #ba12ed.

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

CSS codes

.text {color:#ba12ed;}

.background {background-color:#ba12ed;}

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

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

#0e0112
```
#0e0112 rgb(14,1,18)
```
#1d0324
```
#1d0324 rgb(29,3,36)
```
#2b0437
```
#2b0437 rgb(43,4,55)
```
#390649
```
#390649 rgb(57,6,73)
```
#48075b
```
#48075b rgb(72,7,91)
```
#56086d
```
#56086d rgb(86,8,109)
```
#640a80
```
#640a80 rgb(100,10,128)
```
#720b92
```
#720b92 rgb(114,11,146)
```
#810ca4
```
#810ca4 rgb(129,12,164)
```
#8f0eb6
```
#8f0eb6 rgb(143,14,182)
```
#9d0fc9
```
#9d0fc9 rgb(157,15,201)
```
#ac11db
```
#ac11db rgb(172,17,219)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```

Shade Color Variation

#bf24ee
```
#bf24ee rgb(191,36,238)
```
#c536f0
```
#c536f0 rgb(197,54,240)
```
#ca49f1
```
#ca49f1 rgb(202,73,241)
```
#cf5bf3
```
#cf5bf3 rgb(207,91,243)
```
#d56df4
```
#d56df4 rgb(213,109,244)
```
#da7ff5
```
#da7ff5 rgb(218,127,245)
```
#df92f7
```
#df92f7 rgb(223,146,247)
```
#e4a4f8
```
#e4a4f8 rgb(228,164,248)
```
#eab6f9
```
#eab6f9 rgb(234,182,249)
```
#efc8fb
```
#efc8fb rgb(239,200,251)
```
#f4dbfc
```
#f4dbfc rgb(244,219,252)
```
#faedfe
```
#faedfe rgb(250,237,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#807e81
```
#807e81 rgb(128,126,129)
```
#86748b
```
#86748b rgb(134,116,139)
```
#8b6a95
```
#8b6a95 rgb(139,106,149)
```
#90609f
```
#90609f rgb(144,96,159)
```
#9557a8
```
#9557a8 rgb(149,87,168)
```
#9b4db2
```
#9b4db2 rgb(155,77,178)
```
#a043bc
```
#a043bc rgb(160,67,188)
```
#a539c6
```
#a539c6 rgb(165,57,198)
```
#aa2fd0
```
#aa2fd0 rgb(170,47,208)
```
#b026d9
```
#b026d9 rgb(176,38,217)
```
#b51ce3
```
#b51ce3 rgb(181,28,227)
```
#ba12ed
```
#ba12ed rgb(186,18,237)
```
#bf08f7
```
#bf08f7 rgb(191,8,247)
```

Tone Color Variation

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

Dichromacy

#0076e6 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#a7676e Tritanopia 0.001% of the population

Trichromacy

#4351e8 Protanomaly 1% of men, 0.01% of women
#4355d8 Deuteranomaly 6% of men, 0.4% of women
#ae489c Tritanomaly 0.01% of the population

#ba12ed hex color

#ba12ed Color Information

#ba12ed Color Conversion

Color Schemes with #ba12ed

Alternatives to #ba12ed

#ba12ed Preview

Shades and Tints of #ba12ed

Tones of #ba12ed

Color Blindness Simulator