#ba1cf2 hex color

In a RGB color space, hex #ba1cf2 is composed of 72.9% red, 11% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 88.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 284.3 degrees, a saturation of 89.2% and a lightness of 52.9%. #ba1cf2 color hex could be obtained by blending #ff38ff with #7500e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 11
- B 95
RGB color chart
- C 23
- M 88
- Y 0
- K 5
CMYK color chart

● #ba1cf2 color description : Vivid violet.

The hexadecimal color #ba1cf2 has RGB values of R:186, G:28, B:242 and CMYK values of C:0.23, M:0.88, Y:0, K:0.05. Its decimal value is 12197106.

Hex triplet	ba1cf2	`#ba1cf2`
RGB Decimal	186, 28, 242	`rgb(186,28,242)`
RGB Percent	72.9, 11, 94.9	`rgb(72.9%,11%,94.9%)`
CMYK	23, 88, 0, 5
HSL	284.3°, 89.2, 52.9	`hsl(284.3,89.2%,52.9%)`
HSV (or HSB)	284.3°, 88.4, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.108, 83.422, -72.246
XYZ	36.69, 17.682, 85.48
xyY	0.262, 0.126, 17.682
CIE-LCH	49.108, 110.357, 319.107
CIE-LUV	49.108, 41.498, -117.037
Hunter-Lab	42.05, 82.16, -91.091
Binary	10111010, 00011100, 11110010

#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#54f21c
```
#54f21c rgb(84,242,28)
```

Complementary Color

#4f1cf2
```
#4f1cf2 rgb(79,28,242)
```
#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#f21cbf
```
#f21cbf rgb(242,28,191)
```

Analogous Color

#1cf24f
```
#1cf24f rgb(28,242,79)
```
#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#bff21c
```
#bff21c rgb(191,242,28)
```

Split Complementary Color

#1cf2ba
```
#1cf2ba rgb(28,242,186)
```
#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#f2ba1c
```
#f2ba1c rgb(242,186,28)
```

Triadic Color

#1c54f2
```
#1c54f2 rgb(28,84,242)
```
#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#f2ba1c
```
#f2ba1c rgb(242,186,28)
```
#54f21c
```
#54f21c rgb(84,242,28)
```

Tetradic Color

#8a0ab7
```
#8a0ab7 rgb(138,10,183)
```
#9c0ccf
```
#9c0ccf rgb(156,12,207)
```
#ae0de7
```
#ae0de7 rgb(174,13,231)
```
#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#c134f3
```
#c134f3 rgb(193,52,243)
```
#c94cf5
```
#c94cf5 rgb(201,76,245)
```
#d064f6
```
#d064f6 rgb(208,100,246)
```

Monochromatic Color

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

#851cf2
```
#851cf2 rgb(133,28,242)
```
#961cf2
```
#961cf2 rgb(150,28,242)
```
#a81cf2
```
#a81cf2 rgb(168,28,242)
```
#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#cc1cf2
```
#cc1cf2 rgb(204,28,242)
```
#de1cf2
```
#de1cf2 rgb(222,28,242)
```
#f01cf2
```
#f01cf2 rgb(240,28,242)
```

Similar Colors

Text with hexadecimal color #ba1cf2

This text has a font color of #ba1cf2.

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

#ba1cf2 background color

This paragraph has a background color of #ba1cf2.

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

#ba1cf2 border color

This element has a border color of #ba1cf2.

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

CSS codes

.text {color:#ba1cf2;}

.background {background-color:#ba1cf2;}

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

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

#0b010e
```
#0b010e rgb(11,1,14)
```
#190221
```
#190221 rgb(25,2,33)
```
#270333
```
#270333 rgb(39,3,51)
```
#350446
```
#350446 rgb(53,4,70)
```
#430558
```
#430558 rgb(67,5,88)
```
#51066b
```
#51066b rgb(81,6,107)
```
#5f077e
```
#5f077e rgb(95,7,126)
```
#6d0890
```
#6d0890 rgb(109,8,144)
```
#7a09a3
```
#7a09a3 rgb(122,9,163)
```
#880ab5
```
#880ab5 rgb(136,10,181)
```
#960bc8
```
#960bc8 rgb(150,11,200)
```
#a40dda
```
#a40dda rgb(164,13,218)
```
#b20eed
```
#b20eed rgb(178,14,237)
```

Shade Color Variation

#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#c02ff3
```
#c02ff3 rgb(192,47,243)
```
#c541f4
```
#c541f4 rgb(197,65,244)
```
#cb54f5
```
#cb54f5 rgb(203,84,245)
```
#d166f6
```
#d166f6 rgb(209,102,246)
```
#d679f7
```
#d679f7 rgb(214,121,247)
```
#dc8bf8
```
#dc8bf8 rgb(220,139,248)
```
#e19ef9
```
#e19ef9 rgb(225,158,249)
```
#e7b0fb
```
#e7b0fb rgb(231,176,251)
```
#edc3fc
```
#edc3fc rgb(237,195,252)
```
#f2d6fd
```
#f2d6fd rgb(242,214,253)
```
#f8e8fe
```
#f8e8fe rgb(248,232,254)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#8a828c
```
#8a828c rgb(138,130,140)
```
#8e7896
```
#8e7896 rgb(142,120,150)
```
#926f9f
```
#926f9f rgb(146,111,159)
```
#9766a8
```
#9766a8 rgb(151,102,168)
```
#9b5db1
```
#9b5db1 rgb(155,93,177)
```
#a053bb
```
#a053bb rgb(160,83,187)
```
#a44ac4
```
#a44ac4 rgb(164,74,196)
```
#a841cd
```
#a841cd rgb(168,65,205)
```
#ad38d6
```
#ad38d6 rgb(173,56,214)
```
#b12ee0
```
#b12ee0 rgb(177,46,224)
```
#b625e9
```
#b625e9 rgb(182,37,233)
```
#ba1cf2
```
#ba1cf2 rgb(186,28,242)
```
#be13fb
```
#be13fb rgb(190,19,251)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ed0 Deuteranopia 1% of men
#a66b72 Tritanopia 0.001% of the population

Trichromacy

#4356ed Protanomaly 1% of men, 0.01% of women
#435adc Deuteranomaly 6% of men, 0.4% of women
#ad4ea0 Tritanomaly 0.01% of the population

#ba1cf2 hex color

#ba1cf2 Color Information

#ba1cf2 Color Conversion

Color Schemes with #ba1cf2

Alternatives to #ba1cf2

#ba1cf2 Preview

Shades and Tints of #ba1cf2

Tones of #ba1cf2

Color Blindness Simulator