#ba11f6 hex color

In a RGB color space, hex #ba11f6 is composed of 72.9% red, 6.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 93.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 284.3 degrees, a saturation of 92.7% and a lightness of 51.6%. #ba11f6 color hex could be obtained by blending #ff22ff with #7500ed. Closest websafe color is: #cc00ff.

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

● #ba11f6 color description : Vivid violet.

The hexadecimal color #ba11f6 has RGB values of R:186, G:17, B:246 and CMYK values of C:0.24, M:0.93, Y:0, K:0.04. Its decimal value is 12194294.

Hex triplet	ba11f6	`#ba11f6`
RGB Decimal	186, 17, 246	`rgb(186,17,246)`
RGB Percent	72.9, 6.7, 96.5	`rgb(72.9%,6.7%,96.5%)`
CMYK	24, 93, 0, 4
HSL	284.3°, 92.7, 51.6	`hsl(284.3,92.7%,51.6%)`
HSV (or HSB)	284.3°, 93.1, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.878, 85.707, -74.865
XYZ	37.083, 17.495, 88.607
xyY	0.259, 0.122, 17.495
CIE-LCH	48.878, 113.8, 318.863
CIE-LUV	48.878, 41.008, -120.611
Hunter-Lab	41.827, 85.054, -96.321
Binary	10111010, 00010001, 11110110

#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#4df611
```
#4df611 rgb(77,246,17)
```

Complementary Color

#4811f6
```
#4811f6 rgb(72,17,246)
```
#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#f611c0
```
#f611c0 rgb(246,17,192)
```

Analogous Color

#11f648
```
#11f648 rgb(17,246,72)
```
#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#c0f611
```
#c0f611 rgb(192,246,17)
```

Split Complementary Color

#11f6ba
```
#11f6ba rgb(17,246,186)
```
#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#f6ba11
```
#f6ba11 rgb(246,186,17)
```

Triadic Color

#114df6
```
#114df6 rgb(17,77,246)
```
#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#f6ba11
```
#f6ba11 rgb(246,186,17)
```
#4df611
```
#4df611 rgb(77,246,17)
```

Tetradic Color

#8607b4
```
#8607b4 rgb(134,7,180)
```
#9908cc
```
#9908cc rgb(153,8,204)
```
#ab09e5
```
#ab09e5 rgb(171,9,229)
```
#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#c12af7
```
#c12af7 rgb(193,42,247)
```
#c842f8
```
#c842f8 rgb(200,66,248)
```
#cf5bf9
```
#cf5bf9 rgb(207,91,249)
```

Monochromatic Color

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

#8111f6
```
#8111f6 rgb(129,17,246)
```
#9411f6
```
#9411f6 rgb(148,17,246)
```
#a711f6
```
#a711f6 rgb(167,17,246)
```
#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#cd11f6
```
#cd11f6 rgb(205,17,246)
```
#e011f6
```
#e011f6 rgb(224,17,246)
```
#f311f6
```
#f311f6 rgb(243,17,246)
```

Similar Colors

Text with hexadecimal color #ba11f6

This text has a font color of #ba11f6.

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

#ba11f6 background color

This paragraph has a background color of #ba11f6.

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

#ba11f6 border color

This element has a border color of #ba11f6.

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

CSS codes

.text {color:#ba11f6;}

.background {background-color:#ba11f6;}

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

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

#060008
```
#060008 rgb(6,0,8)
```
#14011b
```
#14011b rgb(20,1,27)
```
#22022e
```
#22022e rgb(34,2,46)
```
#300240
```
#300240 rgb(48,2,64)
```
#3e0353
```
#3e0353 rgb(62,3,83)
```
#4c0466
```
#4c0466 rgb(76,4,102)
```
#5b0579
```
#5b0579 rgb(91,5,121)
```
#69058c
```
#69058c rgb(105,5,140)
```
#77069f
```
#77069f rgb(119,6,159)
```
#8507b2
```
#8507b2 rgb(133,7,178)
```
#9307c5
```
#9307c5 rgb(147,7,197)
```
#a108d8
```
#a108d8 rgb(161,8,216)
```
#af09eb
```
#af09eb rgb(175,9,235)
```

Shade Color Variation

#ba11f6
```
#ba11f6 rgb(186,17,246)
```
#bf24f7
```
#bf24f7 rgb(191,36,247)
```
#c537f7
```
#c537f7 rgb(197,55,247)
```
#ca4af8
```
#ca4af8 rgb(202,74,248)
```
#d05df9
```
#d05df9 rgb(208,93,249)
```
#d570fa
```
#d570fa rgb(213,112,250)
```
#db82fa
```
#db82fa rgb(219,130,250)
```
#e095fb
```
#e095fb rgb(224,149,251)
```
#e6a8fc
```
#e6a8fc rgb(230,168,252)
```
#ebbbfc
```
#ebbbfc rgb(235,187,252)
```
#f1cefd
```
#f1cefd rgb(241,206,253)
```
#f6e1fe
```
#f6e1fe rgb(246,225,254)
```
#fcf4ff
```
#fcf4ff rgb(252,244,255)
```

Tint Color Variation

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

#848384
```
#848384 rgb(132,131,132)
```
#887a8e
```
#887a8e rgb(136,122,142)
```
#8d7097
```
#8d7097 rgb(141,112,151)
```
#9167a1
```
#9167a1 rgb(145,103,161)
```
#965daa
```
#965daa rgb(150,93,170)
```
#9a54b4
```
#9a54b4 rgb(154,84,180)
```
#9f4abd
```
#9f4abd rgb(159,74,189)
```
#a341c7
```
#a341c7 rgb(163,65,199)
```
#a837d0
```
#a837d0 rgb(168,55,208)
```
#ac2eda
```
#ac2eda rgb(172,46,218)
```
#b124e3
```
#b124e3 rgb(177,36,227)
```
#b51bed
```
#b51bed rgb(181,27,237)
```
#ba11f6
```
#ba11f6 rgb(186,17,246)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#704f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dce Deuteranopia 1% of men
#a56b72 Tritanopia 0.001% of the population

Trichromacy

#4352ed Protanomaly 1% of men, 0.01% of women
#4356dc Deuteranomaly 6% of men, 0.4% of women
#ac4aa2 Tritanomaly 0.01% of the population

#ba11f6 hex color

#ba11f6 Color Information

#ba11f6 Color Conversion

Color Schemes with #ba11f6

Alternatives to #ba11f6

#ba11f6 Preview

Shades and Tints of #ba11f6

Tones of #ba11f6

Color Blindness Simulator