#ba11fd hex color

In a RGB color space, hex #ba11fd is composed of 72.9% red, 6.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 93.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 283 degrees, a saturation of 98.3% and a lightness of 52.9%. #ba11fd color hex could be obtained by blending #ff22ff with #7500fb. 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

● #ba11fd color description : Vivid violet.

The hexadecimal color #ba11fd has RGB values of R:186, G:17, B:253 and CMYK values of C:0.26, M:0.93, Y:0, K:0.01. Its decimal value is 12194301.

Hex triplet	ba11fd	`#ba11fd`
RGB Decimal	186, 17, 253	`rgb(186,17,253)`
RGB Percent	72.9, 6.7, 99.2	`rgb(72.9%,6.7%,99.2%)`
CMYK	26, 93, 0, 1
HSL	283°, 98.3, 52.9	`hsl(283,98.3%,52.9%)`
HSV (or HSB)	283°, 93.3, 99.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.415, 86.954, -77.905
XYZ	38.177, 17.933, 94.373
xyY	0.254, 0.119, 17.933
CIE-LCH	49.415, 116.748, 318.142
CIE-LUV	49.415, 39.096, -125.213
Hunter-Lab	42.348, 86.814, -102.487
Binary	10111010, 00010001, 11111101

#ba11fd
```
#ba11fd rgb(186,17,253)
```
#54fd11
```
#54fd11 rgb(84,253,17)
```

Complementary Color

#4411fd
```
#4411fd rgb(68,17,253)
```
#ba11fd
```
#ba11fd rgb(186,17,253)
```
#fd11ca
```
#fd11ca rgb(253,17,202)
```

Analogous Color

#11fd44
```
#11fd44 rgb(17,253,68)
```
#ba11fd
```
#ba11fd rgb(186,17,253)
```
#cafd11
```
#cafd11 rgb(202,253,17)
```

Split Complementary Color

#11fdba
```
#11fdba rgb(17,253,186)
```
#ba11fd
```
#ba11fd rgb(186,17,253)
```
#fdba11
```
#fdba11 rgb(253,186,17)
```

Triadic Color

#1154fd
```
#1154fd rgb(17,84,253)
```
#ba11fd
```
#ba11fd rgb(186,17,253)
```
#fdba11
```
#fdba11 rgb(253,186,17)
```
#54fd11
```
#54fd11 rgb(84,253,17)
```

Tetradic Color

#8a02c0
```
#8a02c0 rgb(138,2,192)
```
#9c02d9
```
#9c02d9 rgb(156,2,217)
```
#ae02f2
```
#ae02f2 rgb(174,2,242)
```
#ba11fd
```
#ba11fd rgb(186,17,253)
```
#c12afd
```
#c12afd rgb(193,42,253)
```
#c944fd
```
#c944fd rgb(201,68,253)
```
#d05dfe
```
#d05dfe rgb(208,93,254)
```

Monochromatic Color

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

#7f11fd
```
#7f11fd rgb(127,17,253)
```
#9311fd
```
#9311fd rgb(147,17,253)
```
#a611fd
```
#a611fd rgb(166,17,253)
```
#ba11fd
```
#ba11fd rgb(186,17,253)
```
#ce11fd
```
#ce11fd rgb(206,17,253)
```
#e111fd
```
#e111fd rgb(225,17,253)
```
#f511fd
```
#f511fd rgb(245,17,253)
```

Similar Colors

Text with hexadecimal color #ba11fd

This text has a font color of #ba11fd.

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

#ba11fd background color

This paragraph has a background color of #ba11fd.

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

#ba11fd border color

This element has a border color of #ba11fd.

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

CSS codes

.text {color:#ba11fd;}

.background {background-color:#ba11fd;}

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

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)
```
#270036
```
#270036 rgb(39,0,54)
```
#350149
```
#350149 rgb(53,1,73)
```
#43015d
```
#43015d rgb(67,1,93)
```
#510170
```
#510170 rgb(81,1,112)
```
#5f0184
```
#5f0184 rgb(95,1,132)
```
#6d0197
```
#6d0197 rgb(109,1,151)
```
#7a01aa
```
#7a01aa rgb(122,1,170)
```
#8802be
```
#8802be rgb(136,2,190)
```
#9602d1
```
#9602d1 rgb(150,2,209)
```
#a402e5
```
#a402e5 rgb(164,2,229)
```
#b202f8
```
#b202f8 rgb(178,2,248)
```

Shade Color Variation

#ba11fd
```
#ba11fd rgb(186,17,253)
```
#c024fd
```
#c024fd rgb(192,36,253)
```
#c538fd
```
#c538fd rgb(197,56,253)
```
#cb4bfd
```
#cb4bfd rgb(203,75,253)
```
#d15ffe
```
#d15ffe rgb(209,95,254)
```
#d672fe
```
#d672fe rgb(214,114,254)
```
#dc86fe
```
#dc86fe rgb(220,134,254)
```
#e199fe
```
#e199fe rgb(225,153,254)
```
#e7adfe
```
#e7adfe rgb(231,173,254)
```
#edc0fe
```
#edc0fe rgb(237,192,254)
```
#f2d4ff
```
#f2d4ff rgb(242,212,255)
```
#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, #8a808e is the less saturated color, while #ba11fd is the most saturated one.

#8a808e
```
#8a808e rgb(138,128,142)
```
#8e7797
```
#8e7797 rgb(142,119,151)
```
#926da1
```
#926da1 rgb(146,109,161)
```
#9664aa
```
#9664aa rgb(150,100,170)
```
#9a5bb3
```
#9a5bb3 rgb(154,91,179)
```
#9e52bc
```
#9e52bc rgb(158,82,188)
```
#a248c6
```
#a248c6 rgb(162,72,198)
```
#a63fcf
```
#a63fcf rgb(166,63,207)
```
#aa36d8
```
#aa36d8 rgb(170,54,216)
```
#ae2de1
```
#ae2de1 rgb(174,45,225)
```
#b223eb
```
#b223eb rgb(178,35,235)
```
#b61af4
```
#b61af4 rgb(182,26,244)
```
#ba11fd
```
#ba11fd rgb(186,17,253)
```

Tone Color Variation

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

Dichromacy

#0079eb Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#a36d75 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
#ab4ca6 Tritanomaly 0.01% of the population

#ba11fd hex color

#ba11fd Color Information

#ba11fd Color Conversion

Color Schemes with #ba11fd

Alternatives to #ba11fd

#ba11fd Preview

Shades and Tints of #ba11fd

Tones of #ba11fd

Color Blindness Simulator