#ba12fc hex color

In a RGB color space, hex #ba12fc is composed of 72.9% red, 7.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 92.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 283.1 degrees, a saturation of 97.5% and a lightness of 52.9%. #ba12fc color hex could be obtained by blending #ff24ff with #7500f9. Closest websafe color is: #cc00ff.

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

● #ba12fc color description : Vivid violet.

The hexadecimal color #ba12fc has RGB values of R:186, G:18, B:252 and CMYK values of C:0.26, M:0.93, Y:0, K:0.01. Its decimal value is 12194556.

Hex triplet	ba12fc	`#ba12fc`
RGB Decimal	186, 18, 252	`rgb(186,18,252)`
RGB Percent	72.9, 7.1, 98.8	`rgb(72.9%,7.1%,98.8%)`
CMYK	26, 93, 0, 1
HSL	283.1°, 97.5, 52.9	`hsl(283.1,97.5%,52.9%)`
HSV (or HSB)	283.1°, 92.9, 98.8
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.376, 86.659, -77.41
XYZ	38.034, 17.901, 93.542
xyY	0.254, 0.12, 17.901
CIE-LCH	49.376, 116.199, 318.227
CIE-LUV	49.376, 39.321, -124.497
Hunter-Lab	42.31, 86.419, -101.466
Binary	10111010, 00010010, 11111100

#ba12fc
```
#ba12fc rgb(186,18,252)
```
#54fc12
```
#54fc12 rgb(84,252,18)
```

Complementary Color

#4512fc
```
#4512fc rgb(69,18,252)
```
#ba12fc
```
#ba12fc rgb(186,18,252)
```
#fc12c9
```
#fc12c9 rgb(252,18,201)
```

Analogous Color

#12fc45
```
#12fc45 rgb(18,252,69)
```
#ba12fc
```
#ba12fc rgb(186,18,252)
```
#c9fc12
```
#c9fc12 rgb(201,252,18)
```

Split Complementary Color

#12fcba
```
#12fcba rgb(18,252,186)
```
#ba12fc
```
#ba12fc rgb(186,18,252)
```
#fcba12
```
#fcba12 rgb(252,186,18)
```

Triadic Color

#1254fc
```
#1254fc rgb(18,84,252)
```
#ba12fc
```
#ba12fc rgb(186,18,252)
```
#fcba12
```
#fcba12 rgb(252,186,18)
```
#54fc12
```
#54fc12 rgb(84,252,18)
```

Tetradic Color

#8a02bf
```
#8a02bf rgb(138,2,191)
```
#9c03d8
```
#9c03d8 rgb(156,3,216)
```
#ae03f1
```
#ae03f1 rgb(174,3,241)
```
#ba12fc
```
#ba12fc rgb(186,18,252)
```
#c12bfc
```
#c12bfc rgb(193,43,252)
```
#c944fd
```
#c944fd rgb(201,68,253)
```
#d05efd
```
#d05efd rgb(208,94,253)
```

Monochromatic Color

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

#8012fc
```
#8012fc rgb(128,18,252)
```
#9312fc
```
#9312fc rgb(147,18,252)
```
#a712fc
```
#a712fc rgb(167,18,252)
```
#ba12fc
```
#ba12fc rgb(186,18,252)
```
#ce12fc
```
#ce12fc rgb(206,18,252)
```
#e112fc
```
#e112fc rgb(225,18,252)
```
#f512fc
```
#f512fc rgb(245,18,252)
```

Similar Colors

Text with hexadecimal color #ba12fc

This text has a font color of #ba12fc.

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

#ba12fc background color

This paragraph has a background color of #ba12fc.

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

#ba12fc border color

This element has a border color of #ba12fc.

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

CSS codes

.text {color:#ba12fc;}

.background {background-color:#ba12fc;}

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

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

#0b000f
```
#0b000f rgb(11,0,15)
```
#190022
```
#190022 rgb(25,0,34)
```
#270136
```
#270136 rgb(39,1,54)
```
#350149
```
#350149 rgb(53,1,73)
```
#43015c
```
#43015c rgb(67,1,92)
```
#510170
```
#510170 rgb(81,1,112)
```
#5f0283
```
#5f0283 rgb(95,2,131)
```
#6d0296
```
#6d0296 rgb(109,2,150)
```
#7a02aa
```
#7a02aa rgb(122,2,170)
```
#8802bd
```
#8802bd rgb(136,2,189)
```
#9603d1
```
#9603d1 rgb(150,3,209)
```
#a403e4
```
#a403e4 rgb(164,3,228)
```
#b203f7
```
#b203f7 rgb(178,3,247)
```

Shade Color Variation

#ba12fc
```
#ba12fc rgb(186,18,252)
```
#c025fc
```
#c025fc rgb(192,37,252)
```
#c539fc
```
#c539fc rgb(197,57,252)
```
#cb4cfd
```
#cb4cfd rgb(203,76,253)
```
#d15ffd
```
#d15ffd rgb(209,95,253)
```
#d673fd
```
#d673fd rgb(214,115,253)
```
#dc86fd
```
#dc86fd rgb(220,134,253)
```
#e19afe
```
#e19afe rgb(225,154,254)
```
#e7adfe
```
#e7adfe rgb(231,173,254)
```
#edc0fe
```
#edc0fe rgb(237,192,254)
```
#f2d4fe
```
#f2d4fe rgb(242,212,254)
```
#f8e7ff
```
#f8e7ff rgb(248,231,255)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#8a818d
```
#8a818d rgb(138,129,141)
```
#8e7896
```
#8e7896 rgb(142,120,150)
```
#926ea0
```
#926ea0 rgb(146,110,160)
```
#9665a9
```
#9665a9 rgb(150,101,169)
```
#9a5cb2
```
#9a5cb2 rgb(154,92,178)
```
#9e53bb
```
#9e53bb rgb(158,83,187)
```
#a249c5
```
#a249c5 rgb(162,73,197)
```
#a640ce
```
#a640ce rgb(166,64,206)
```
#aa37d7
```
#aa37d7 rgb(170,55,215)
```
#ae2ee0
```
#ae2ee0 rgb(174,46,224)
```
#b224ea
```
#b224ea rgb(178,36,234)
```
#b61bf3
```
#b61bf3 rgb(182,27,243)
```
#ba12fc
```
#ba12fc rgb(186,18,252)
```

Tone Color Variation

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

Dichromacy

#0079eb Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#a46d74 Tritanopia 0.001% of the population

Trichromacy

#4353f1 Protanomaly 1% of men, 0.01% of women
#4357e0 Deuteranomaly 6% of men, 0.4% of women
#ac4ca6 Tritanomaly 0.01% of the population

#ba12fc hex color

#ba12fc Color Information

#ba12fc Color Conversion

Color Schemes with #ba12fc

Alternatives to #ba12fc

#ba12fc Preview

Shades and Tints of #ba12fc

Tones of #ba12fc

Color Blindness Simulator