#ba02fa hex color

In a RGB color space, hex #ba02fa is composed of 72.9% red, 0.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 99.2% magenta, 0% yellow and 2% black. It has a hue angle of 284.5 degrees, a saturation of 98.4% and a lightness of 49.4%. #ba02fa color hex could be obtained by blending #ff04ff with #7500f5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 1
- B 98
RGB color chart
- C 26
- M 99
- Y 0
- K 2
CMYK color chart

● #ba02fa color description : Vivid violet.

The hexadecimal color #ba02fa has RGB values of R:186, G:2, B:250 and CMYK values of C:0.26, M:0.99, Y:0, K:0.02. Its decimal value is 12190458.

Hex triplet	ba02fa	`#ba02fa`
RGB Decimal	186, 2, 250	`rgb(186,2,250)`
RGB Percent	72.9, 0.8, 98	`rgb(72.9%,0.8%,98%)`
CMYK	26, 99, 0, 2
HSL	284.5°, 98.4, 49.4	`hsl(284.5,98.4%,49.4%)`
HSV (or HSB)	284.5°, 99.2, 98
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.743, 87.736, -77.326
XYZ	37.524, 17.386, 91.816
xyY	0.256, 0.118, 17.386
CIE-LCH	48.743, 116.948, 318.609
CIE-LUV	48.743, 40.403, -123.957
Hunter-Lab	41.697, 87.671, -101.37
Binary	10111010, 00000010, 11111010

#ba02fa
```
#ba02fa rgb(186,2,250)
```
#42fa02
```
#42fa02 rgb(66,250,2)
```

Complementary Color

#3e02fa
```
#3e02fa rgb(62,2,250)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```
#fa02be
```
#fa02be rgb(250,2,190)
```

Analogous Color

#02fa3e
```
#02fa3e rgb(2,250,62)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```
#befa02
```
#befa02 rgb(190,250,2)
```

Split Complementary Color

#02faba
```
#02faba rgb(2,250,186)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```
#faba02
```
#faba02 rgb(250,186,2)
```

Triadic Color

#0242fa
```
#0242fa rgb(2,66,250)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```
#faba02
```
#faba02 rgb(250,186,2)
```
#42fa02
```
#42fa02 rgb(66,250,2)
```

Tetradic Color

#8201ae
```
#8201ae rgb(130,1,174)
```
#9402c7
```
#9402c7 rgb(148,2,199)
```
#a702e1
```
#a702e1 rgb(167,2,225)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```
#c218fd
```
#c218fd rgb(194,24,253)
```
#c932fd
```
#c932fd rgb(201,50,253)
```
#cf4bfe
```
#cf4bfe rgb(207,75,254)
```

Monochromatic Color

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

#7c02fa
```
#7c02fa rgb(124,2,250)
```
#9102fa
```
#9102fa rgb(145,2,250)
```
#a502fa
```
#a502fa rgb(165,2,250)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```
#cf02fa
```
#cf02fa rgb(207,2,250)
```
#e302fa
```
#e302fa rgb(227,2,250)
```
#f802fa
```
#f802fa rgb(248,2,250)
```

Similar Colors

Text with hexadecimal color #ba02fa

This text has a font color of #ba02fa.

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

#ba02fa background color

This paragraph has a background color of #ba02fa.

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

#ba02fa border color

This element has a border color of #ba02fa.

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

CSS codes

.text {color:#ba02fa;}

.background {background-color:#ba02fa;}

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

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

#0c0010
```
#0c0010 rgb(12,0,16)
```
#1b0024
```
#1b0024 rgb(27,0,36)
```
#290037
```
#290037 rgb(41,0,55)
```
#38014b
```
#38014b rgb(56,1,75)
```
#46015e
```
#46015e rgb(70,1,94)
```
#550172
```
#550172 rgb(85,1,114)
```
#630185
```
#630185 rgb(99,1,133)
```
#720199
```
#720199 rgb(114,1,153)
```
#8001ac
```
#8001ac rgb(128,1,172)
```
#8f02c0
```
#8f02c0 rgb(143,2,192)
```
#9d02d3
```
#9d02d3 rgb(157,2,211)
```
#ac02e7
```
#ac02e7 rgb(172,2,231)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```

Shade Color Variation

#c113fd
```
#c113fd rgb(193,19,253)
```
#c626fd
```
#c626fd rgb(198,38,253)
```
#cb39fd
```
#cb39fd rgb(203,57,253)
```
#d04dfe
```
#d04dfe rgb(208,77,254)
```
#d560fe
```
#d560fe rgb(213,96,254)
```
#da74fe
```
#da74fe rgb(218,116,254)
```
#df87fe
```
#df87fe rgb(223,135,254)
```
#e59bfe
```
#e59bfe rgb(229,155,254)
```
#eaaefe
```
#eaaefe rgb(234,174,254)
```
#efc2ff
```
#efc2ff rgb(239,194,255)
```
#f4d5ff
```
#f4d5ff rgb(244,213,255)
```
#f9e9ff
```
#f9e9ff rgb(249,233,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#827686
```
#827686 rgb(130,118,134)
```
#866d8f
```
#866d8f rgb(134,109,143)
```
#8b6399
```
#8b6399 rgb(139,99,153)
```
#9059a3
```
#9059a3 rgb(144,89,163)
```
#9450ac
```
#9450ac rgb(148,80,172)
```
#9946b6
```
#9946b6 rgb(153,70,182)
```
#9e3cc0
```
#9e3cc0 rgb(158,60,192)
```
#a332ca
```
#a332ca rgb(163,50,202)
```
#a729d3
```
#a729d3 rgb(167,41,211)
```
#ac1fdd
```
#ac1fdd rgb(172,31,221)
```
#b115e7
```
#b115e7 rgb(177,21,231)
```
#b50cf0
```
#b50cf0 rgb(181,12,240)
```
#ba02fa
```
#ba02fa rgb(186,2,250)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#694476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#a46b72 Tritanopia 0.001% of the population

Trichromacy

#434cee Protanomaly 1% of men, 0.01% of women
#4350dd Deuteranomaly 6% of men, 0.4% of women
#ac44a3 Tritanomaly 0.01% of the population

#ba02fa hex color

#ba02fa Color Information

#ba02fa Color Conversion

Color Schemes with #ba02fa

Alternatives to #ba02fa

#ba02fa Preview

Shades and Tints of #ba02fa

Tones of #ba02fa

Color Blindness Simulator