#ba01f3 hex color

In a RGB color space, hex #ba01f3 is composed of 72.9% red, 0.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 99.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 285.9 degrees, a saturation of 99.2% and a lightness of 47.8%. #ba01f3 color hex could be obtained by blending #ff02ff with #7500e7. Closest websafe color is: #cc00ff.

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

● #ba01f3 color description : Vivid magenta.

The hexadecimal color #ba01f3 has RGB values of R:186, G:1, B:243 and CMYK values of C:0.23, M:1, Y:0, K:0.05. Its decimal value is 12190195.

Hex triplet	ba01f3	`#ba01f3`
RGB Decimal	186, 1, 243	`rgb(186,1,243)`
RGB Percent	72.9, 0.4, 95.3	`rgb(72.9%,0.4%,95.3%)`
CMYK	23, 100, 0, 5
HSL	285.9°, 99.2, 47.8	`hsl(285.9,99.2%,47.8%)`
HSV (or HSB)	285.9°, 99.6, 95.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.176, 86.598, -74.325
XYZ	36.436, 16.933, 86.138
xyY	0.261, 0.121, 16.933
CIE-LCH	48.176, 114.12, 319.361
CIE-LUV	48.176, 42.403, -119.411
Hunter-Lab	41.15, 86.039, -95.305
Binary	10111010, 00000001, 11110011

#ba01f3
```
#ba01f3 rgb(186,1,243)
```
#3af301
```
#3af301 rgb(58,243,1)
```

Complementary Color

#4101f3
```
#4101f3 rgb(65,1,243)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```
#f301b3
```
#f301b3 rgb(243,1,179)
```

Analogous Color

#01f341
```
#01f341 rgb(1,243,65)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```
#b3f301
```
#b3f301 rgb(179,243,1)
```

Split Complementary Color

#01f3ba
```
#01f3ba rgb(1,243,186)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```
#f3ba01
```
#f3ba01 rgb(243,186,1)
```

Triadic Color

#013af3
```
#013af3 rgb(1,58,243)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```
#f3ba01
```
#f3ba01 rgb(243,186,1)
```
#3af301
```
#3af301 rgb(58,243,1)
```

Tetradic Color

#8001a7
```
#8001a7 rgb(128,1,167)
```
#9301c0
```
#9301c0 rgb(147,1,192)
```
#a701da
```
#a701da rgb(167,1,218)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```
#c60ffe
```
#c60ffe rgb(198,15,254)
```
#cc29fe
```
#cc29fe rgb(204,41,254)
```
#d242fe
```
#d242fe rgb(210,66,254)
```

Monochromatic Color

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

#7e01f3
```
#7e01f3 rgb(126,1,243)
```
#9201f3
```
#9201f3 rgb(146,1,243)
```
#a601f3
```
#a601f3 rgb(166,1,243)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```
#ce01f3
```
#ce01f3 rgb(206,1,243)
```
#e201f3
```
#e201f3 rgb(226,1,243)
```
#f301f0
```
#f301f0 rgb(243,1,240)
```

Similar Colors

Text with hexadecimal color #ba01f3

This text has a font color of #ba01f3.

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

#ba01f3 background color

This paragraph has a background color of #ba01f3.

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

#ba01f3 border color

This element has a border color of #ba01f3.

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

CSS codes

.text {color:#ba01f3;}

.background {background-color:#ba01f3;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#16001c
```
#16001c rgb(22,0,28)
```
#240030
```
#240030 rgb(36,0,48)
```
#330043
```
#330043 rgb(51,0,67)
```
#420057
```
#420057 rgb(66,0,87)
```
#51006a
```
#51006a rgb(81,0,106)
```
#60017e
```
#60017e rgb(96,1,126)
```
#6f0191
```
#6f0191 rgb(111,1,145)
```
#7e01a5
```
#7e01a5 rgb(126,1,165)
```
#8d01b8
```
#8d01b8 rgb(141,1,184)
```
#9c01cc
```
#9c01cc rgb(156,1,204)
```
#ab01df
```
#ab01df rgb(171,1,223)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```

Shade Color Variation

#c40afe
```
#c40afe rgb(196,10,254)
```
#c91dfe
```
#c91dfe rgb(201,29,254)
```
#ce31fe
```
#ce31fe rgb(206,49,254)
```
#d244fe
```
#d244fe rgb(210,68,254)
```
#d758fe
```
#d758fe rgb(215,88,254)
```
#dc6bfe
```
#dc6bfe rgb(220,107,254)
```
#e07ffe
```
#e07ffe rgb(224,127,254)
```
#e592ff
```
#e592ff rgb(229,146,255)
```
#eaa6ff
```
#eaa6ff rgb(234,166,255)
```
#eeb9ff
```
#eeb9ff rgb(238,185,255)
```
#f3cdff
```
#f3cdff rgb(243,205,255)
```
#f8e1ff
```
#f8e1ff rgb(248,225,255)
```
#fcf4ff
```
#fcf4ff rgb(252,244,255)
```

Tint Color Variation

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

#7e7282
```
#7e7282 rgb(126,114,130)
```
#83688c
```
#83688c rgb(131,104,140)
```
#885f95
```
#885f95 rgb(136,95,149)
```
#8d559f
```
#8d559f rgb(141,85,159)
```
#924ca8
```
#924ca8 rgb(146,76,168)
```
#9743b1
```
#9743b1 rgb(151,67,177)
```
#9c39bb
```
#9c39bb rgb(156,57,187)
```
#a130c4
```
#a130c4 rgb(161,48,196)
```
#a627cd
```
#a627cd rgb(166,39,205)
```
#ab1dd7
```
#ab1dd7 rgb(171,29,215)
```
#b014e0
```
#b014e0 rgb(176,20,224)
```
#b50aea
```
#b50aea rgb(181,10,234)
```
#ba01f3
```
#ba01f3 rgb(186,1,243)
```

Tone Color Variation

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

#0076e5 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#a6686f Tritanopia 0.001% of the population

Trichromacy

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

#ba01f3 hex color

#ba01f3 Color Information

#ba01f3 Color Conversion

Color Schemes with #ba01f3

Alternatives to #ba01f3

#ba01f3 Preview

Shades and Tints of #ba01f3

Tones of #ba01f3

Color Blindness Simulator