#ba0bf6 hex color

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

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

● #ba0bf6 color description : Vivid violet.

The hexadecimal color #ba0bf6 has RGB values of R:186, G:11, B:246 and CMYK values of C:0.24, M:0.96, Y:0, K:0.04. Its decimal value is 12192758.

Hex triplet	ba0bf6	`#ba0bf6`
RGB Decimal	186, 11, 246	`rgb(186,11,246)`
RGB Percent	72.9, 4.3, 96.5	`rgb(72.9%,4.3%,96.5%)`
CMYK	24, 96, 0, 4
HSL	284.7°, 92.9, 50.4	`hsl(284.7,92.9%,50.4%)`
HSV (or HSB)	284.7°, 95.5, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.678, 86.305, -75.192
XYZ	37.002, 17.334, 88.58
xyY	0.259, 0.121, 17.334
CIE-LCH	48.678, 114.465, 318.937
CIE-LUV	48.678, 41.239, -120.943
Hunter-Lab	41.634, 85.782, -97.002
Binary	10111010, 00001011, 11110110

#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#47f60b
```
#47f60b rgb(71,246,11)
```

Complementary Color

#450bf6
```
#450bf6 rgb(69,11,246)
```
#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#f60bbd
```
#f60bbd rgb(246,11,189)
```

Analogous Color

#0bf644
```
#0bf644 rgb(11,246,68)
```
#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#bdf60b
```
#bdf60b rgb(189,246,11)
```

Split Complementary Color

#0bf6ba
```
#0bf6ba rgb(11,246,186)
```
#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#f6ba0b
```
#f6ba0b rgb(246,186,11)
```

Triadic Color

#0b47f6
```
#0b47f6 rgb(11,71,246)
```
#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#f6ba0b
```
#f6ba0b rgb(246,186,11)
```
#47f60b
```
#47f60b rgb(71,246,11)
```

Tetradic Color

#8306ae
```
#8306ae rgb(131,6,174)
```
#9607c7
```
#9607c7 rgb(150,7,199)
```
#a808df
```
#a808df rgb(168,8,223)
```
#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#c124f7
```
#c124f7 rgb(193,36,247)
```
#c83cf8
```
#c83cf8 rgb(200,60,248)
```
#cf55f9
```
#cf55f9 rgb(207,85,249)
```

Monochromatic Color

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

#7f0bf6
```
#7f0bf6 rgb(127,11,246)
```
#930bf6
```
#930bf6 rgb(147,11,246)
```
#a60bf6
```
#a60bf6 rgb(166,11,246)
```
#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#ce0bf6
```
#ce0bf6 rgb(206,11,246)
```
#e10bf6
```
#e10bf6 rgb(225,11,246)
```
#f50bf6
```
#f50bf6 rgb(245,11,246)
```

Similar Colors

Text with hexadecimal color #ba0bf6

This text has a font color of #ba0bf6.

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

#ba0bf6 background color

This paragraph has a background color of #ba0bf6.

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

#ba0bf6 border color

This element has a border color of #ba0bf6.

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

CSS codes

.text {color:#ba0bf6;}

.background {background-color:#ba0bf6;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#100115
```
#100115 rgb(16,1,21)
```
#1e0128
```
#1e0128 rgb(30,1,40)
```
#2c023b
```
#2c023b rgb(44,2,59)
```
#3b034e
```
#3b034e rgb(59,3,78)
```
#490461
```
#490461 rgb(73,4,97)
```
#570473
```
#570473 rgb(87,4,115)
```
#650586
```
#650586 rgb(101,5,134)
```
#740699
```
#740699 rgb(116,6,153)
```
#8206ac
```
#8206ac rgb(130,6,172)
```
#9007bf
```
#9007bf rgb(144,7,191)
```
#9e08d2
```
#9e08d2 rgb(158,8,210)
```
#ad08e5
```
#ad08e5 rgb(173,8,229)
```

Shade Color Variation

#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```
#bf1ef7
```
#bf1ef7 rgb(191,30,247)
```
#c531f7
```
#c531f7 rgb(197,49,247)
```
#ca44f8
```
#ca44f8 rgb(202,68,248)
```
#cf57f9
```
#cf57f9 rgb(207,87,249)
```
#d56af9
```
#d56af9 rgb(213,106,249)
```
#da7dfa
```
#da7dfa rgb(218,125,250)
```
#df8ffb
```
#df8ffb rgb(223,143,251)
```
#e5a2fc
```
#e5a2fc rgb(229,162,252)
```
#eab5fc
```
#eab5fc rgb(234,181,252)
```
#efc8fd
```
#efc8fd rgb(239,200,253)
```
#f5dbfe
```
#f5dbfe rgb(245,219,254)
```
#faeefe
```
#faeefe rgb(250,238,254)
```

Tint Color Variation

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

#818081
```
#818081 rgb(129,128,129)
```
#86768b
```
#86768b rgb(134,118,139)
```
#8a6c95
```
#8a6c95 rgb(138,108,149)
```
#8f639e
```
#8f639e rgb(143,99,158)
```
#9459a8
```
#9459a8 rgb(148,89,168)
```
#994fb2
```
#994fb2 rgb(153,79,178)
```
#9d45bc
```
#9d45bc rgb(157,69,188)
```
#a23cc5
```
#a23cc5 rgb(162,60,197)
```
#a732cf
```
#a732cf rgb(167,50,207)
```
#ac28d9
```
#ac28d9 rgb(172,40,217)
```
#b01ee3
```
#b01ee3 rgb(176,30,227)
```
#b515ec
```
#b515ec rgb(181,21,236)
```
#ba0bf6
```
#ba0bf6 rgb(186,11,246)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6d4a79 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

#434fed Protanomaly 1% of men, 0.01% of women
#4353dc Deuteranomaly 6% of men, 0.4% of women
#ac47a1 Tritanomaly 0.01% of the population

#ba0bf6 hex color

#ba0bf6 Color Information

#ba0bf6 Color Conversion

Color Schemes with #ba0bf6

Alternatives to #ba0bf6

#ba0bf6 Preview

Shades and Tints of #ba0bf6

Tones of #ba0bf6

Color Blindness Simulator