#ba0cf6 hex color

In a RGB color space, hex #ba0cf6 is composed of 72.9% red, 4.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 95.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 284.6 degrees, a saturation of 92.9% and a lightness of 50.6%. #ba0cf6 color hex could be obtained by blending #ff18ff with #7500ed. Closest websafe color is: #cc00ff.

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

● #ba0cf6 color description : Vivid violet.

The hexadecimal color #ba0cf6 has RGB values of R:186, G:12, B:246 and CMYK values of C:0.24, M:0.95, Y:0, K:0.04. Its decimal value is 12193014.

Hex triplet	ba0cf6	`#ba0cf6`
RGB Decimal	186, 12, 246	`rgb(186,12,246)`
RGB Percent	72.9, 4.7, 96.5	`rgb(72.9%,4.7%,96.5%)`
CMYK	24, 95, 0, 4
HSL	284.6°, 92.9, 50.6	`hsl(284.6,92.9%,50.6%)`
HSV (or HSB)	284.6°, 95.1, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.707, 86.217, -75.144
XYZ	37.014, 17.357, 88.584
xyY	0.259, 0.121, 17.357
CIE-LCH	48.707, 114.368, 318.926
CIE-LUV	48.707, 41.205, -120.894
Hunter-Lab	41.662, 85.675, -96.902
Binary	10111010, 00001100, 11110110

#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#48f60c
```
#48f60c rgb(72,246,12)
```

Complementary Color

#450cf6
```
#450cf6 rgb(69,12,246)
```
#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#f60cbd
```
#f60cbd rgb(246,12,189)
```

Analogous Color

#0cf645
```
#0cf645 rgb(12,246,69)
```
#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#bdf60c
```
#bdf60c rgb(189,246,12)
```

Split Complementary Color

#0cf6ba
```
#0cf6ba rgb(12,246,186)
```
#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#f6ba0c
```
#f6ba0c rgb(246,186,12)
```

Triadic Color

#0c48f6
```
#0c48f6 rgb(12,72,246)
```
#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#f6ba0c
```
#f6ba0c rgb(246,186,12)
```
#48f60c
```
#48f60c rgb(72,246,12)
```

Tetradic Color

#8406af
```
#8406af rgb(132,6,175)
```
#9607c8
```
#9607c8 rgb(150,7,200)
```
#a908e0
```
#a908e0 rgb(169,8,224)
```
#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#c125f7
```
#c125f7 rgb(193,37,247)
```
#c83df8
```
#c83df8 rgb(200,61,248)
```
#cf56f9
```
#cf56f9 rgb(207,86,249)
```

Monochromatic Color

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

#800cf6
```
#800cf6 rgb(128,12,246)
```
#930cf6
```
#930cf6 rgb(147,12,246)
```
#a70cf6
```
#a70cf6 rgb(167,12,246)
```
#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#ce0cf6
```
#ce0cf6 rgb(206,12,246)
```
#e10cf6
```
#e10cf6 rgb(225,12,246)
```
#f50cf6
```
#f50cf6 rgb(245,12,246)
```

Similar Colors

Text with hexadecimal color #ba0cf6

This text has a font color of #ba0cf6.

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

#ba0cf6 background color

This paragraph has a background color of #ba0cf6.

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

#ba0cf6 border color

This element has a border color of #ba0cf6.

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

CSS codes

.text {color:#ba0cf6;}

.background {background-color:#ba0cf6;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#100116
```
#100116 rgb(16,1,22)
```
#1f0229
```
#1f0229 rgb(31,2,41)
```
#2d023c
```
#2d023c rgb(45,2,60)
```
#3b034f
```
#3b034f rgb(59,3,79)
```
#490461
```
#490461 rgb(73,4,97)
```
#580474
```
#580474 rgb(88,4,116)
```
#660587
```
#660587 rgb(102,5,135)
```
#74069a
```
#74069a rgb(116,6,154)
```
#8206ad
```
#8206ad rgb(130,6,173)
```
#9107c0
```
#9107c0 rgb(145,7,192)
```
#9f08d3
```
#9f08d3 rgb(159,8,211)
```
#ad09e6
```
#ad09e6 rgb(173,9,230)
```

Shade Color Variation

#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```
#bf1ff7
```
#bf1ff7 rgb(191,31,247)
```
#c532f7
```
#c532f7 rgb(197,50,247)
```
#ca45f8
```
#ca45f8 rgb(202,69,248)
```
#cf58f9
```
#cf58f9 rgb(207,88,249)
```
#d56bfa
```
#d56bfa rgb(213,107,250)
```
#da7dfa
```
#da7dfa rgb(218,125,250)
```
#e090fb
```
#e090fb rgb(224,144,251)
```
#e5a3fc
```
#e5a3fc rgb(229,163,252)
```
#eab6fc
```
#eab6fc rgb(234,182,252)
```
#f0c9fd
```
#f0c9fd rgb(240,201,253)
```
#f5dcfe
```
#f5dcfe rgb(245,220,254)
```
#faeffe
```
#faeffe rgb(250,239,254)
```

Tint Color Variation

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

#818082
```
#818082 rgb(129,128,130)
```
#86778b
```
#86778b rgb(134,119,139)
```
#8b6d95
```
#8b6d95 rgb(139,109,149)
```
#90639f
```
#90639f rgb(144,99,159)
```
#945aa8
```
#945aa8 rgb(148,90,168)
```
#9950b2
```
#9950b2 rgb(153,80,178)
```
#9e46bc
```
#9e46bc rgb(158,70,188)
```
#a23cc6
```
#a23cc6 rgb(162,60,198)
```
#a733cf
```
#a733cf rgb(167,51,207)
```
#ac29d9
```
#ac29d9 rgb(172,41,217)
```
#b11fe3
```
#b11fe3 rgb(177,31,227)
```
#b516ec
```
#b516ec rgb(181,22,236)
```
#ba0cf6
```
#ba0cf6 rgb(186,12,246)
```

Tone Color Variation

Below, you can see how #ba0cf6 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
#007dcd Deuteranopia 1% of men
#a56a71 Tritanopia 0.001% of the population

Trichromacy

#4350ed Protanomaly 1% of men, 0.01% of women
#4354dc Deuteranomaly 6% of men, 0.4% of women
#ac48a1 Tritanomaly 0.01% of the population

#ba0cf6 hex color

#ba0cf6 Color Information

#ba0cf6 Color Conversion

Color Schemes with #ba0cf6

Alternatives to #ba0cf6

#ba0cf6 Preview

Shades and Tints of #ba0cf6

Tones of #ba0cf6

Color Blindness Simulator