#ba11f7 hex color

In a RGB color space, hex #ba11f7 is composed of 72.9% red, 6.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 93.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 284.1 degrees, a saturation of 93.5% and a lightness of 51.8%. #ba11f7 color hex could be obtained by blending #ff22ff with #7500ef. Closest websafe color is: #cc00ff.

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

● #ba11f7 color description : Vivid violet.

The hexadecimal color #ba11f7 has RGB values of R:186, G:17, B:247 and CMYK values of C:0.25, M:0.93, Y:0, K:0.03. Its decimal value is 12194295.

Hex triplet	ba11f7	`#ba11f7`
RGB Decimal	186, 17, 247	`rgb(186,17,247)`
RGB Percent	72.9, 6.7, 96.9	`rgb(72.9%,6.7%,96.9%)`
CMYK	25, 93, 0, 3
HSL	284.1°, 93.5, 51.8	`hsl(284.1,93.5%,51.8%)`
HSV (or HSB)	284.1°, 93.1, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.954, 85.884, -75.302
XYZ	37.236, 17.557, 89.418
xyY	0.258, 0.122, 17.557
CIE-LCH	48.954, 114.221, 318.756
CIE-LUV	48.954, 40.73, -121.273
Hunter-Lab	41.901, 85.303, -97.196
Binary	10111010, 00010001, 11110111

#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#4ef711
```
#4ef711 rgb(78,247,17)
```

Complementary Color

#4711f7
```
#4711f7 rgb(71,17,247)
```
#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#f711c1
```
#f711c1 rgb(247,17,193)
```

Analogous Color

#11f747
```
#11f747 rgb(17,247,71)
```
#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#c1f711
```
#c1f711 rgb(193,247,17)
```

Split Complementary Color

#11f7ba
```
#11f7ba rgb(17,247,186)
```
#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#f7ba11
```
#f7ba11 rgb(247,186,17)
```

Triadic Color

#114ef7
```
#114ef7 rgb(17,78,247)
```
#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#f7ba11
```
#f7ba11 rgb(247,186,17)
```
#4ef711
```
#4ef711 rgb(78,247,17)
```

Tetradic Color

#8706b5
```
#8706b5 rgb(135,6,181)
```
#9907ce
```
#9907ce rgb(153,7,206)
```
#ac08e7
```
#ac08e7 rgb(172,8,231)
```
#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#c12af8
```
#c12af8 rgb(193,42,248)
```
#c842f9
```
#c842f9 rgb(200,66,249)
```
#cf5bf9
```
#cf5bf9 rgb(207,91,249)
```

Monochromatic Color

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

#8111f7
```
#8111f7 rgb(129,17,247)
```
#9411f7
```
#9411f7 rgb(148,17,247)
```
#a711f7
```
#a711f7 rgb(167,17,247)
```
#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#cd11f7
```
#cd11f7 rgb(205,17,247)
```
#e011f7
```
#e011f7 rgb(224,17,247)
```
#f411f7
```
#f411f7 rgb(244,17,247)
```

Similar Colors

Text with hexadecimal color #ba11f7

This text has a font color of #ba11f7.

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

#ba11f7 background color

This paragraph has a background color of #ba11f7.

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

#ba11f7 border color

This element has a border color of #ba11f7.

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

CSS codes

.text {color:#ba11f7;}

.background {background-color:#ba11f7;}

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

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

#060009
```
#060009 rgb(6,0,9)
```
#15011c
```
#15011c rgb(21,1,28)
```
#23022f
```
#23022f rgb(35,2,47)
```
#310242
```
#310242 rgb(49,2,66)
```
#3f0355
```
#3f0355 rgb(63,3,85)
```
#4d0368
```
#4d0368 rgb(77,3,104)
```
#5b047b
```
#5b047b rgb(91,4,123)
```
#69058e
```
#69058e rgb(105,5,142)
```
#7705a1
```
#7705a1 rgb(119,5,161)
```
#8506b4
```
#8506b4 rgb(133,6,180)
```
#9407c6
```
#9407c6 rgb(148,7,198)
```
#a207d9
```
#a207d9 rgb(162,7,217)
```
#b008ec
```
#b008ec rgb(176,8,236)
```

Shade Color Variation

#ba11f7
```
#ba11f7 rgb(186,17,247)
```
#c024f8
```
#c024f8 rgb(192,36,248)
```
#c537f8
```
#c537f8 rgb(197,55,248)
```
#cb4af9
```
#cb4af9 rgb(203,74,249)
```
#d05dfa
```
#d05dfa rgb(208,93,250)
```
#d670fa
```
#d670fa rgb(214,112,250)
```
#db83fb
```
#db83fb rgb(219,131,251)
```
#e196fb
```
#e196fb rgb(225,150,251)
```
#e6a9fc
```
#e6a9fc rgb(230,169,252)
```
#ecbcfd
```
#ecbcfd rgb(236,188,253)
```
#f1cffd
```
#f1cffd rgb(241,207,253)
```
#f7e2fe
```
#f7e2fe rgb(247,226,254)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#858385
```
#858385 rgb(133,131,133)
```
#89798f
```
#89798f rgb(137,121,143)
```
#8e7098
```
#8e7098 rgb(142,112,152)
```
#9266a2
```
#9266a2 rgb(146,102,162)
```
#965dab
```
#965dab rgb(150,93,171)
```
#9b53b5
```
#9b53b5 rgb(155,83,181)
```
#9f4abe
```
#9f4abe rgb(159,74,190)
```
#a440c8
```
#a440c8 rgb(164,64,200)
```
#a837d1
```
#a837d1 rgb(168,55,209)
```
#ad2ddb
```
#ad2ddb rgb(173,45,219)
```
#b124e4
```
#b124e4 rgb(177,36,228)
```
#b61aee
```
#b61aee rgb(182,26,238)
```
#ba11f7
```
#ba11f7 rgb(186,17,247)
```

Tone Color Variation

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

Dichromacy

#0078e9 Protanopia 1% of men
#007ece Deuteranopia 1% of men
#a56b72 Tritanopia 0.001% of the population

Trichromacy

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

#ba11f7 hex color

#ba11f7 Color Information

#ba11f7 Color Conversion

Color Schemes with #ba11f7

Alternatives to #ba11f7

#ba11f7 Preview

Shades and Tints of #ba11f7

Tones of #ba11f7

Color Blindness Simulator