#ba12de hex color

In a RGB color space, hex #ba12de is composed of 72.9% red, 7.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 91.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 289.4 degrees, a saturation of 85% and a lightness of 47.1%. #ba12de color hex could be obtained by blending #ff24ff with #7500bd. Closest websafe color is: #cc00cc.

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

● #ba12de color description : Vivid magenta.

The hexadecimal color #ba12de has RGB values of R:186, G:18, B:222 and CMYK values of C:0.16, M:0.92, Y:0, K:0.13. Its decimal value is 12194526.

Hex triplet	ba12de	`#ba12de`
RGB Decimal	186, 18, 222	`rgb(186,18,222)`
RGB Percent	72.9, 7.1, 87.1	`rgb(72.9%,7.1%,87.1%)`
CMYK	16, 92, 0, 13
HSL	289.4°, 85, 47.1	`hsl(289.4,85%,47.1%)`
HSV (or HSB)	289.4°, 91.9, 87.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.167, 81.439, -64.072
XYZ	33.649, 16.147, 70.448
xyY	0.28, 0.134, 16.147
CIE-LCH	47.167, 103.623, 321.806
CIE-LUV	47.167, 48.089, -104.27
Hunter-Lab	40.184, 79.152, -75.815
Binary	10111010, 00010010, 11011110

#ba12de
```
#ba12de rgb(186,18,222)
```
#36de12
```
#36de12 rgb(54,222,18)
```

Complementary Color

#5412de
```
#5412de rgb(84,18,222)
```
#ba12de
```
#ba12de rgb(186,18,222)
```
#de129c
```
#de129c rgb(222,18,156)
```

Analogous Color

#12de54
```
#12de54 rgb(18,222,84)
```
#ba12de
```
#ba12de rgb(186,18,222)
```
#9cde12
```
#9cde12 rgb(156,222,18)
```

Split Complementary Color

#12deba
```
#12deba rgb(18,222,186)
```
#ba12de
```
#ba12de rgb(186,18,222)
```
#deba12
```
#deba12 rgb(222,186,18)
```

Triadic Color

#1236de
```
#1236de rgb(18,54,222)
```
#ba12de
```
#ba12de rgb(186,18,222)
```
#deba12
```
#deba12 rgb(222,186,18)
```
#36de12
```
#36de12 rgb(54,222,18)
```

Tetradic Color

#7f0c97
```
#7f0c97 rgb(127,12,151)
```
#920eaf
```
#920eaf rgb(146,14,175)
```
#a610c6
```
#a610c6 rgb(166,16,198)
```
#ba12de
```
#ba12de rgb(186,18,222)
```
#c81ded
```
#c81ded rgb(200,29,237)
```
#ce34ef
```
#ce34ef rgb(206,52,239)
```
#d34cf0
```
#d34cf0 rgb(211,76,240)
```

Monochromatic Color

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

#8712de
```
#8712de rgb(135,18,222)
```
#9812de
```
#9812de rgb(152,18,222)
```
#a912de
```
#a912de rgb(169,18,222)
```
#ba12de
```
#ba12de rgb(186,18,222)
```
#cb12de
```
#cb12de rgb(203,18,222)
```
#dc12de
```
#dc12de rgb(220,18,222)
```
#de12cf
```
#de12cf rgb(222,18,207)
```

Similar Colors

Text with hexadecimal color #ba12de

This text has a font color of #ba12de.

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

#ba12de background color

This paragraph has a background color of #ba12de.

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

#ba12de border color

This element has a border color of #ba12de.

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

CSS codes

.text {color:#ba12de;}

.background {background-color:#ba12de;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#130216
```
#130216 rgb(19,2,22)
```
#220329
```
#220329 rgb(34,3,41)
```
#31053b
```
#31053b rgb(49,5,59)
```
#40064d
```
#40064d rgb(64,6,77)
```
#50085f
```
#50085f rgb(80,8,95)
```
#5f0971
```
#5f0971 rgb(95,9,113)
```
#6e0b83
```
#6e0b83 rgb(110,11,131)
```
#7d0c95
```
#7d0c95 rgb(125,12,149)
```
#8c0ea8
```
#8c0ea8 rgb(140,14,168)
```
#9c0fba
```
#9c0fba rgb(156,15,186)
```
#ab11cc
```
#ab11cc rgb(171,17,204)
```
#ba12de
```
#ba12de rgb(186,18,222)
```

Shade Color Variation

#c717ec
```
#c717ec rgb(199,23,236)
```
#cb2aee
```
#cb2aee rgb(203,42,238)
```
#cf3cef
```
#cf3cef rgb(207,60,239)
```
#d44ef1
```
#d44ef1 rgb(212,78,241)
```
#d860f2
```
#d860f2 rgb(216,96,242)
```
#dd72f4
```
#dd72f4 rgb(221,114,244)
```
#e184f5
```
#e184f5 rgb(225,132,245)
```
#e696f7
```
#e696f7 rgb(230,150,247)
```
#eaa9f8
```
#eaa9f8 rgb(234,169,248)
```
#eebbf9
```
#eebbf9 rgb(238,187,249)
```
#f3cdfb
```
#f3cdfb rgb(243,205,251)
```
#f7dffc
```
#f7dffc rgb(247,223,252)
```
#fcf1fe
```
#fcf1fe rgb(252,241,254)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#7e6e82
```
#7e6e82 rgb(126,110,130)
```
#84658b
```
#84658b rgb(132,101,139)
```
#8a5c94
```
#8a5c94 rgb(138,92,148)
```
#90539d
```
#90539d rgb(144,83,157)
```
#9649a7
```
#9649a7 rgb(150,73,167)
```
#9c40b0
```
#9c40b0 rgb(156,64,176)
```
#a237b9
```
#a237b9 rgb(162,55,185)
```
#a82ec2
```
#a82ec2 rgb(168,46,194)
```
#ae24cc
```
#ae24cc rgb(174,36,204)
```
#b41bd5
```
#b41bd5 rgb(180,27,213)
```
#ba12de
```
#ba12de rgb(186,18,222)
```
#c009e7
```
#c009e7 rgb(192,9,231)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079ca Deuteranopia 1% of men
#aa6168 Tritanopia 0.001% of the population

Trichromacy

#4350e0 Protanomaly 1% of men, 0.01% of women
#4353d1 Deuteranomaly 6% of men, 0.4% of women
#b04493 Tritanomaly 0.01% of the population

#ba12de hex color

#ba12de Color Information

#ba12de Color Conversion

Color Schemes with #ba12de

Alternatives to #ba12de

#ba12de Preview

Shades and Tints of #ba12de

Tones of #ba12de

Color Blindness Simulator