#ba01f4 hex color

In a RGB color space, hex #ba01f4 is composed of 72.9% red, 0.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 99.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 285.7 degrees, a saturation of 99.2% and a lightness of 48%. #ba01f4 color hex could be obtained by blending #ff02ff with #7500e9. Closest websafe color is: #cc00ff.

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

● #ba01f4 color description : Vivid magenta.

The hexadecimal color #ba01f4 has RGB values of R:186, G:1, B:244 and CMYK values of C:0.24, M:1, Y:0, K:0.04. Its decimal value is 12190196.

Hex triplet	ba01f4	`#ba01f4`
RGB Decimal	186, 1, 244	`rgb(186,1,244)`
RGB Percent	72.9, 0.4, 95.7	`rgb(72.9%,0.4%,95.7%)`
CMYK	24, 100, 0, 4
HSL	285.7°, 99.2, 48	`hsl(285.7,99.2%,48%)`
HSV (or HSB)	285.7°, 99.6, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.252, 86.771, -74.762
XYZ	36.588, 16.994, 86.936
xyY	0.26, 0.121, 16.994
CIE-LCH	48.252, 114.537, 319.252
CIE-LUV	48.252, 42.117, -120.07
Hunter-Lab	41.224, 86.284, -96.179
Binary	10111010, 00000001, 11110100

#ba01f4
```
#ba01f4 rgb(186,1,244)
```
#3bf401
```
#3bf401 rgb(59,244,1)
```

Complementary Color

#4001f4
```
#4001f4 rgb(64,1,244)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```
#f401b5
```
#f401b5 rgb(244,1,181)
```

Analogous Color

#01f440
```
#01f440 rgb(1,244,64)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```
#b5f401
```
#b5f401 rgb(181,244,1)
```

Split Complementary Color

#01f4ba
```
#01f4ba rgb(1,244,186)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```
#f4ba01
```
#f4ba01 rgb(244,186,1)
```

Triadic Color

#013bf4
```
#013bf4 rgb(1,59,244)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```
#f4ba01
```
#f4ba01 rgb(244,186,1)
```
#3bf401
```
#3bf401 rgb(59,244,1)
```

Tetradic Color

#8001a8
```
#8001a8 rgb(128,1,168)
```
#9301c1
```
#9301c1 rgb(147,1,193)
```
#a701db
```
#a701db rgb(167,1,219)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```
#c510fe
```
#c510fe rgb(197,16,254)
```
#cb2afe
```
#cb2afe rgb(203,42,254)
```
#d243fe
```
#d243fe rgb(210,67,254)
```

Monochromatic Color

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

#7d01f4
```
#7d01f4 rgb(125,1,244)
```
#9201f4
```
#9201f4 rgb(146,1,244)
```
#a601f4
```
#a601f4 rgb(166,1,244)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```
#ce01f4
```
#ce01f4 rgb(206,1,244)
```
#e301f4
```
#e301f4 rgb(227,1,244)
```
#f401f1
```
#f401f1 rgb(244,1,241)
```

Similar Colors

Text with hexadecimal color #ba01f4

This text has a font color of #ba01f4.

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

#ba01f4 background color

This paragraph has a background color of #ba01f4.

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

#ba01f4 border color

This element has a border color of #ba01f4.

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

CSS codes

.text {color:#ba01f4;}

.background {background-color:#ba01f4;}

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

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, #07000a is the darkest color, while #fdf5ff is the lightest one.

#07000a
```
#07000a rgb(7,0,10)
```
#16001d
```
#16001d rgb(22,0,29)
```
#250031
```
#250031 rgb(37,0,49)
```
#340044
```
#340044 rgb(52,0,68)
```
#430058
```
#430058 rgb(67,0,88)
```
#52006b
```
#52006b rgb(82,0,107)
```
#61017f
```
#61017f rgb(97,1,127)
```
#700192
```
#700192 rgb(112,1,146)
```
#7e01a6
```
#7e01a6 rgb(126,1,166)
```
#8d01b9
```
#8d01b9 rgb(141,1,185)
```
#9c01cd
```
#9c01cd rgb(156,1,205)
```
#ab01e0
```
#ab01e0 rgb(171,1,224)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```

Shade Color Variation

#c40bfe
```
#c40bfe rgb(196,11,254)
```
#c91efe
```
#c91efe rgb(201,30,254)
```
#cd32fe
```
#cd32fe rgb(205,50,254)
```
#d245fe
```
#d245fe rgb(210,69,254)
```
#d759fe
```
#d759fe rgb(215,89,254)
```
#dc6cfe
```
#dc6cfe rgb(220,108,254)
```
#e080fe
```
#e080fe rgb(224,128,254)
```
#e593ff
```
#e593ff rgb(229,147,255)
```
#eaa7ff
```
#eaa7ff rgb(234,167,255)
```
#eebaff
```
#eebaff rgb(238,186,255)
```
#f3ceff
```
#f3ceff rgb(243,206,255)
```
#f8e2ff
```
#f8e2ff rgb(248,226,255)
```
#fdf5ff
```
#fdf5ff rgb(253,245,255)
```

Tint Color Variation

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

#7f7283
```
#7f7283 rgb(127,114,131)
```
#84698c
```
#84698c rgb(132,105,140)
```
#895f96
```
#895f96 rgb(137,95,150)
```
#8e569f
```
#8e569f rgb(142,86,159)
```
#934ca9
```
#934ca9 rgb(147,76,169)
```
#9843b2
```
#9843b2 rgb(152,67,178)
```
#9c3abb
```
#9c3abb rgb(156,58,187)
```
#a130c5
```
#a130c5 rgb(161,48,197)
```
#a627ce
```
#a627ce rgb(166,39,206)
```
#ab1dd8
```
#ab1dd8 rgb(171,29,216)
```
#b014e1
```
#b014e1 rgb(176,20,225)
```
#b50aeb
```
#b50aeb rgb(181,10,235)
```
#ba01f4
```
#ba01f4 rgb(186,1,244)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#684374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#a5686f Tritanopia 0.001% of the population

Trichromacy

#434beb Protanomaly 1% of men, 0.01% of women
#434fda Deuteranomaly 6% of men, 0.4% of women
#ad429f Tritanomaly 0.01% of the population

#ba01f4 hex color

#ba01f4 Color Information

#ba01f4 Color Conversion

Color Schemes with #ba01f4

Alternatives to #ba01f4

#ba01f4 Preview

Shades and Tints of #ba01f4

Tones of #ba01f4

Color Blindness Simulator