colorhexa.com

#ba01f0 hex color

In a RGB color space, hex #ba01f0 is composed of 72.9% red, 0.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 99.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 286.4 degrees, a saturation of 99.2% and a lightness of 47.3%. #ba01f0 color hex could be obtained by blending #ff02ff with #7500e1. Closest websafe color is: #cc00ff.

- R 73
- G 0
- B 94
RGB color chart
- C 23
- M 100
- Y 0
- K 6
CMYK color chart

● #ba01f0 color description : Vivid magenta.

The hexadecimal color #ba01f0 has RGB values of R:186, G:1, B:240 and CMYK values of C:0.23, M:1, Y:0, K:0.06. Its decimal value is 12190192.

Hex triplet	ba01f0	`#ba01f0`
RGB Decimal	186, 1, 240	`rgb(186,1,240)`
RGB Percent	72.9, 0.4, 94.1	`rgb(72.9%,0.4%,94.1%)`
CMYK	23, 100, 0, 6
HSL	286.4°, 99.2, 47.3	`hsl(286.4,99.2%,47.3%)`
HSV (or HSB)	286.4°, 99.6, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.948, 86.081, -73.008
XYZ	35.987, 16.754, 83.771
xyY	0.264, 0.123, 16.754
CIE-LCH	47.948, 112.872, 319.698
CIE-LUV	47.948, 43.271, -117.426
Hunter-Lab	40.931, 85.308, -92.694
Binary	10111010, 00000001, 11110000

#ba01f0
```
#ba01f0 rgb(186,1,240)
```
#37f001
```
#37f001 rgb(55,240,1)
```

Complementary Color

#4201f0
```
#4201f0 rgb(66,1,240)
```
#ba01f0
```
#ba01f0 rgb(186,1,240)
```
#f001af
```
#f001af rgb(240,1,175)
```

Analogous Color

#01f043
```
#01f043 rgb(1,240,67)
```
#ba01f0
```
#ba01f0 rgb(186,1,240)
```
#aff001
```
#aff001 rgb(175,240,1)
```

Split Complementary Color

#01f0ba
```
#01f0ba rgb(1,240,186)
```
#ba01f0
```
#ba01f0 rgb(186,1,240)
```
#f0ba01
```
#f0ba01 rgb(240,186,1)
```

Triadic Color

#7f01a4
```
#7f01a4 rgb(127,1,164)
```
#9301bd
```
#9301bd rgb(147,1,189)
```
#a601d7
```
#a601d7 rgb(166,1,215)
```
#ba01f0
```
#ba01f0 rgb(186,1,240)
```
#c70dfe
```
#c70dfe rgb(199,13,254)
```
#cd26fe
```
#cd26fe rgb(205,38,254)
```
#d33ffe
```
#d33ffe rgb(211,63,254)
```

Monochromatic Color

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

#7e01f0
```
#7e01f0 rgb(126,1,240)
```
#9201f0
```
#9201f0 rgb(146,1,240)
```
#a601f0
```
#a601f0 rgb(166,1,240)
```
#ba01f0
```
#ba01f0 rgb(186,1,240)
```
#ce01f0
```
#ce01f0 rgb(206,1,240)
```
#e201f0
```
#e201f0 rgb(226,1,240)
```
#f001ea
```
#f001ea rgb(240,1,234)
```

Similar Colors

Text with hexadecimal color #ba01f0

This text has a font color of #ba01f0.

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

#ba01f0 background color

This paragraph has a background color of #ba01f0.

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

#ba01f0 border color

This element has a border color of #ba01f0.

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

CSS codes

.text {color:#ba01f0;}

.background {background-color:#ba01f0;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#130019
```
#130019 rgb(19,0,25)
```
#23002d
```
#23002d rgb(35,0,45)
```
#320040
```
#320040 rgb(50,0,64)
```
#410054
```
#410054 rgb(65,0,84)
```
#500067
```
#500067 rgb(80,0,103)
```
#5f017b
```
#5f017b rgb(95,1,123)
```
#6e018e
```
#6e018e rgb(110,1,142)
```
#7d01a2
```
#7d01a2 rgb(125,1,162)
```
#8d01b5
```
#8d01b5 rgb(141,1,181)
```
#9c01c9
```
#9c01c9 rgb(156,1,201)
```
#ab01dc
```
#ab01dc rgb(171,1,220)
```
#ba01f0
```
#ba01f0 rgb(186,1,240)
```

Shade Color Variation

#c607fe
```
#c607fe rgb(198,7,254)
```
#cb1afe
```
#cb1afe rgb(203,26,254)
```
#cf2efe
```
#cf2efe rgb(207,46,254)
```
#d441fe
```
#d441fe rgb(212,65,254)
```
#d855fe
```
#d855fe rgb(216,85,254)
```
#dc68fe
```
#dc68fe rgb(220,104,254)
```
#e17cfe
```
#e17cfe rgb(225,124,254)
```
#e58fff
```
#e58fff rgb(229,143,255)
```
#eaa3ff
```
#eaa3ff rgb(234,163,255)
```
#eeb6ff
```
#eeb6ff rgb(238,182,255)
```
#f3caff
```
#f3caff rgb(243,202,255)
```
#f7deff
```
#f7deff rgb(247,222,255)
```
#fcf1ff
```
#fcf1ff rgb(252,241,255)
```

Tint Color Variation

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

#7d7081
```
#7d7081 rgb(125,112,129)
```
#82678a
```
#82678a rgb(130,103,138)
```
#875e93
```
#875e93 rgb(135,94,147)
```
#8c549d
```
#8c549d rgb(140,84,157)
```
#914ba6
```
#914ba6 rgb(145,75,166)
```
#9642af
```
#9642af rgb(150,66,175)
```
#9c39b8
```
#9c39b8 rgb(156,57,184)
```
#a12fc2
```
#a12fc2 rgb(161,47,194)
```
#a626cb
```
#a626cb rgb(166,38,203)
```
#ab1dd4
```
#ab1dd4 rgb(171,29,212)
```
#b014dd
```
#b014dd rgb(176,20,221)
```
#b50ae7
```
#b50ae7 rgb(181,10,231)
```
#ba01f0
```
#ba01f0 rgb(186,1,240)
```

Tone Color Variation

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

Dichromacy

#0075e4 Protanopia 1% of men
#007bcb Deuteranopia 1% of men
#a6666d Tritanopia 0.001% of the population

Trichromacy

#434be8 Protanomaly 1% of men, 0.01% of women
#434ed8 Deuteranomaly 6% of men, 0.4% of women
#ad419d Tritanomaly 0.01% of the population