#ba0cf8 hex color

In a RGB color space, hex #ba0cf8 is composed of 72.9% red, 4.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 95.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 284.2 degrees, a saturation of 94.4% and a lightness of 51%. #ba0cf8 color hex could be obtained by blending #ff18ff with #7500f1. Closest websafe color is: #cc00ff.

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

● #ba0cf8 color description : Vivid violet.

The hexadecimal color #ba0cf8 has RGB values of R:186, G:12, B:248 and CMYK values of C:0.25, M:0.95, Y:0, K:0.03. Its decimal value is 12193016.

Hex triplet	ba0cf8	`#ba0cf8`
RGB Decimal	186, 12, 248	`rgb(186,12,248)`
RGB Percent	72.9, 4.7, 97.3	`rgb(72.9%,4.7%,97.3%)`
CMYK	25, 95, 0, 3
HSL	284.2°, 94.4, 51	`hsl(284.2,94.4%,51%)`
HSV (or HSB)	284.2°, 95.2, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.86, 86.57, -76.015
XYZ	37.322, 17.481, 90.21
xyY	0.257, 0.121, 17.481
CIE-LCH	48.86, 115.207, 318.714
CIE-LUV	48.86, 40.649, -122.211
Hunter-Lab	41.81, 86.173, -98.658
Binary	10111010, 00001100, 11111000

#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#4af80c
```
#4af80c rgb(74,248,12)
```

Complementary Color

#440cf8
```
#440cf8 rgb(68,12,248)
```
#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#f80cc0
```
#f80cc0 rgb(248,12,192)
```

Analogous Color

#0cf844
```
#0cf844 rgb(12,248,68)
```
#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#c0f80c
```
#c0f80c rgb(192,248,12)
```

Split Complementary Color

#0cf8ba
```
#0cf8ba rgb(12,248,186)
```
#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#f8ba0c
```
#f8ba0c rgb(248,186,12)
```

Triadic Color

#0c4af8
```
#0c4af8 rgb(12,74,248)
```
#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#f8ba0c
```
#f8ba0c rgb(248,186,12)
```
#4af80c
```
#4af80c rgb(74,248,12)
```

Tetradic Color

#8505b2
```
#8505b2 rgb(133,5,178)
```
#9706cb
```
#9706cb rgb(151,6,203)
```
#aa07e4
```
#aa07e4 rgb(170,7,228)
```
#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#c125f9
```
#c125f9 rgb(193,37,249)
```
#c83ef9
```
#c83ef9 rgb(200,62,249)
```
#cf56fa
```
#cf56fa rgb(207,86,250)
```

Monochromatic Color

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

#7f0cf8
```
#7f0cf8 rgb(127,12,248)
```
#930cf8
```
#930cf8 rgb(147,12,248)
```
#a60cf8
```
#a60cf8 rgb(166,12,248)
```
#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#ce0cf8
```
#ce0cf8 rgb(206,12,248)
```
#e10cf8
```
#e10cf8 rgb(225,12,248)
```
#f50cf8
```
#f50cf8 rgb(245,12,248)
```

Similar Colors

Text with hexadecimal color #ba0cf8

This text has a font color of #ba0cf8.

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

#ba0cf8 background color

This paragraph has a background color of #ba0cf8.

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

#ba0cf8 border color

This element has a border color of #ba0cf8.

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

CSS codes

.text {color:#ba0cf8;}

.background {background-color:#ba0cf8;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#120118
```
#120118 rgb(18,1,24)
```
#20012b
```
#20012b rgb(32,1,43)
```
#2e023e
```
#2e023e rgb(46,2,62)
```
#3c0251
```
#3c0251 rgb(60,2,81)
```
#4b0364
```
#4b0364 rgb(75,3,100)
```
#590377
```
#590377 rgb(89,3,119)
```
#67048a
```
#67048a rgb(103,4,138)
```
#75059d
```
#75059d rgb(117,5,157)
```
#8305b0
```
#8305b0 rgb(131,5,176)
```
#9206c4
```
#9206c4 rgb(146,6,196)
```
#a006d7
```
#a006d7 rgb(160,6,215)
```
#ae07ea
```
#ae07ea rgb(174,7,234)
```

Shade Color Variation

#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```
#bf1ff9
```
#bf1ff9 rgb(191,31,249)
```
#c532f9
```
#c532f9 rgb(197,50,249)
```
#ca45fa
```
#ca45fa rgb(202,69,250)
```
#d058fa
```
#d058fa rgb(208,88,250)
```
#d56bfb
```
#d56bfb rgb(213,107,251)
```
#da7efb
```
#da7efb rgb(218,126,251)
```
#e091fc
```
#e091fc rgb(224,145,252)
```
#e5a5fc
```
#e5a5fc rgb(229,165,252)
```
#ebb8fd
```
#ebb8fd rgb(235,184,253)
```
#f0cbfd
```
#f0cbfd rgb(240,203,253)
```
#f6defe
```
#f6defe rgb(246,222,254)
```
#fbf1ff
```
#fbf1ff rgb(251,241,255)
```

Tint Color Variation

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

#837f85
```
#837f85 rgb(131,127,133)
```
#88768e
```
#88768e rgb(136,118,142)
```
#8c6c98
```
#8c6c98 rgb(140,108,152)
```
#9163a1
```
#9163a1 rgb(145,99,161)
```
#9559ab
```
#9559ab rgb(149,89,171)
```
#9a4fb5
```
#9a4fb5 rgb(154,79,181)
```
#9f46be
```
#9f46be rgb(159,70,190)
```
#a33cc8
```
#a33cc8 rgb(163,60,200)
```
#a832d2
```
#a832d2 rgb(168,50,210)
```
#ac29db
```
#ac29db rgb(172,41,219)
```
#b11fe5
```
#b11fe5 rgb(177,31,229)
```
#b516ee
```
#b516ee rgb(181,22,238)
```
#ba0cf8
```
#ba0cf8 rgb(186,12,248)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#4350ee Protanomaly 1% of men, 0.01% of women
#4354dd Deuteranomaly 6% of men, 0.4% of women
#ac48a3 Tritanomaly 0.01% of the population

#ba0cf8 hex color

#ba0cf8 Color Information

#ba0cf8 Color Conversion

Color Schemes with #ba0cf8

Alternatives to #ba0cf8

#ba0cf8 Preview

Shades and Tints of #ba0cf8

Tones of #ba0cf8

Color Blindness Simulator