#ba11f5 hex color

In a RGB color space, hex #ba11f5 is composed of 72.9% red, 6.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 93.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 284.5 degrees, a saturation of 91.9% and a lightness of 51.4%. #ba11f5 color hex could be obtained by blending #ff22ff with #7500eb. 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

● #ba11f5 color description : Vivid violet.

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

Hex triplet	ba11f5	`#ba11f5`
RGB Decimal	186, 17, 245	`rgb(186,17,245)`
RGB Percent	72.9, 6.7, 96.1	`rgb(72.9%,6.7%,96.1%)`
CMYK	24, 93, 0, 4
HSL	284.5°, 91.9, 51.4	`hsl(284.5,91.9%,51.4%)`
HSV (or HSB)	284.5°, 93.1, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.802, 85.53, -74.428
XYZ	36.929, 17.434, 87.801
xyY	0.26, 0.123, 17.434
CIE-LCH	48.802, 113.38, 318.971
CIE-LUV	48.802, 41.287, -119.949
Hunter-Lab	41.754, 84.805, -95.448
Binary	10111010, 00010001, 11110101

#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#4cf511
```
#4cf511 rgb(76,245,17)
```

Complementary Color

#4811f5
```
#4811f5 rgb(72,17,245)
```
#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#f511be
```
#f511be rgb(245,17,190)
```

Analogous Color

#11f548
```
#11f548 rgb(17,245,72)
```
#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#bef511
```
#bef511 rgb(190,245,17)
```

Split Complementary Color

#11f5ba
```
#11f5ba rgb(17,245,186)
```
#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#f5ba11
```
#f5ba11 rgb(245,186,17)
```

Triadic Color

#114cf5
```
#114cf5 rgb(17,76,245)
```
#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#f5ba11
```
#f5ba11 rgb(245,186,17)
```
#4cf511
```
#4cf511 rgb(76,245,17)
```

Tetradic Color

#8607b2
```
#8607b2 rgb(134,7,178)
```
#9809ca
```
#9809ca rgb(152,9,202)
```
#ab0ae3
```
#ab0ae3 rgb(171,10,227)
```
#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#c129f6
```
#c129f6 rgb(193,41,246)
```
#c842f7
```
#c842f7 rgb(200,66,247)
```
#cf5af8
```
#cf5af8 rgb(207,90,248)
```

Monochromatic Color

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

#8111f5
```
#8111f5 rgb(129,17,245)
```
#9411f5
```
#9411f5 rgb(148,17,245)
```
#a711f5
```
#a711f5 rgb(167,17,245)
```
#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#cd11f5
```
#cd11f5 rgb(205,17,245)
```
#e011f5
```
#e011f5 rgb(224,17,245)
```
#f311f5
```
#f311f5 rgb(243,17,245)
```

Similar Colors

Text with hexadecimal color #ba11f5

This text has a font color of #ba11f5.

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

#ba11f5 background color

This paragraph has a background color of #ba11f5.

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

#ba11f5 border color

This element has a border color of #ba11f5.

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

CSS codes

.text {color:#ba11f5;}

.background {background-color:#ba11f5;}

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

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

#050007
```
#050007 rgb(5,0,7)
```
#13011a
```
#13011a rgb(19,1,26)
```
#21022c
```
#21022c rgb(33,2,44)
```
#30033f
```
#30033f rgb(48,3,63)
```
#3e0352
```
#3e0352 rgb(62,3,82)
```
#4c0465
```
#4c0465 rgb(76,4,101)
```
#5a0578
```
#5a0578 rgb(90,5,120)
```
#68068a
```
#68068a rgb(104,6,138)
```
#76079d
```
#76079d rgb(118,7,157)
```
#8407b0
```
#8407b0 rgb(132,7,176)
```
#9308c3
```
#9308c3 rgb(147,8,195)
```
#a109d6
```
#a109d6 rgb(161,9,214)
```
#af0ae9
```
#af0ae9 rgb(175,10,233)
```

Shade Color Variation

#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#bf24f6
```
#bf24f6 rgb(191,36,246)
```
#c537f7
```
#c537f7 rgb(197,55,247)
```
#ca49f7
```
#ca49f7 rgb(202,73,247)
```
#d05cf8
```
#d05cf8 rgb(208,92,248)
```
#d56ff9
```
#d56ff9 rgb(213,111,249)
```
#db82fa
```
#db82fa rgb(219,130,250)
```
#e095fb
```
#e095fb rgb(224,149,251)
```
#e6a8fb
```
#e6a8fb rgb(230,168,251)
```
#ebbafc
```
#ebbafc rgb(235,186,252)
```
#f1cdfd
```
#f1cdfd rgb(241,205,253)
```
#f6e0fe
```
#f6e0fe rgb(246,224,254)
```
#fbf3fe
```
#fbf3fe rgb(251,243,254)
```

Tint Color Variation

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

#877a8c
```
#877a8c rgb(135,122,140)
```
#8c7096
```
#8c7096 rgb(140,112,150)
```
#91679f
```
#91679f rgb(145,103,159)
```
#955da9
```
#955da9 rgb(149,93,169)
```
#9a54b2
```
#9a54b2 rgb(154,84,178)
```
#9e4abc
```
#9e4abc rgb(158,74,188)
```
#a341c5
```
#a341c5 rgb(163,65,197)
```
#a837cf
```
#a837cf rgb(168,55,207)
```
#ac2ed8
```
#ac2ed8 rgb(172,46,216)
```
#b124e2
```
#b124e2 rgb(177,36,226)
```
#b51beb
```
#b51beb rgb(181,27,235)
```
#ba11f5
```
#ba11f5 rgb(186,17,245)
```
#bf07ff
```
#bf07ff rgb(191,7,255)
```

Tone Color Variation

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

#0077e8 Protanopia 1% of men
#007dce Deuteranopia 1% of men
#a56a71 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
#ad4aa1 Tritanomaly 0.01% of the population

#ba11f5 hex color

#ba11f5 Color Information

#ba11f5 Color Conversion

Color Schemes with #ba11f5

Alternatives to #ba11f5

#ba11f5 Preview

Shades and Tints of #ba11f5

Tones of #ba11f5

Color Blindness Simulator