#ba0fcc hex color

In a RGB color space, hex #ba0fcc is composed of 72.9% red, 5.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 92.6% magenta, 0% yellow and 20% black. It has a hue angle of 294.3 degrees, a saturation of 86.3% and a lightness of 42.9%. #ba0fcc color hex could be obtained by blending #ff1eff with #750099. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 6
- B 80
RGB color chart
- C 9
- M 93
- Y 0
- K 20
CMYK color chart

● #ba0fcc color description : Strong magenta.

The hexadecimal color #ba0fcc has RGB values of R:186, G:15, B:204 and CMYK values of C:0.09, M:0.93, Y:0, K:0.2. Its decimal value is 12193740.

Hex triplet	ba0fcc	`#ba0fcc`
RGB Decimal	186, 15, 204	`rgb(186,15,204)`
RGB Percent	72.9, 5.9, 80	`rgb(72.9%,5.9%,80%)`
CMYK	9, 93, 0, 20
HSL	294.3°, 86.3, 42.9	`hsl(294.3,86.3%,42.9%)`
HSV (or HSB)	294.3°, 92.6, 80
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.828, 78.847, -55.894
XYZ	31.319, 15.142, 58.397
xyY	0.299, 0.144, 15.142
CIE-LCH	45.828, 96.649, 324.668
CIE-LUV	45.828, 54.244, -91.789
Hunter-Lab	38.913, 75.565, -61.737
Binary	10111010, 00001111, 11001100

#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#21cc0f
```
#21cc0f rgb(33,204,15)
```

Complementary Color

#5b0fcc
```
#5b0fcc rgb(91,15,204)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#cc0f80
```
#cc0f80 rgb(204,15,128)
```

Analogous Color

#0fcc5b
```
#0fcc5b rgb(15,204,91)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#80cc0f
```
#80cc0f rgb(128,204,15)
```

Split Complementary Color

#0fccba
```
#0fccba rgb(15,204,186)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#ccba0f
```
#ccba0f rgb(204,186,15)
```

Triadic Color

#0f21cc
```
#0f21cc rgb(15,33,204)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#ccba0f
```
#ccba0f rgb(204,186,15)
```
#21cc0f
```
#21cc0f rgb(33,204,15)
```

Tetradic Color

#790a85
```
#790a85 rgb(121,10,133)
```
#8f0c9c
```
#8f0c9c rgb(143,12,156)
```
#a40db4
```
#a40db4 rgb(164,13,180)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#d011e4
```
#d011e4 rgb(208,17,228)
```
#db1fef
```
#db1fef rgb(219,31,239)
```
#df37f0
```
#df37f0 rgb(223,55,240)
```

Monochromatic Color

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

#8b0fcc
```
#8b0fcc rgb(139,15,204)
```
#9b0fcc
```
#9b0fcc rgb(155,15,204)
```
#aa0fcc
```
#aa0fcc rgb(170,15,204)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#ca0fcc
```
#ca0fcc rgb(202,15,204)
```
#cc0fbf
```
#cc0fbf rgb(204,15,191)
```
#cc0faf
```
#cc0faf rgb(204,15,175)
```

Similar Colors

Text with hexadecimal color #ba0fcc

This text has a font color of #ba0fcc.

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

#ba0fcc background color

This paragraph has a background color of #ba0fcc.

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

#ba0fcc border color

This element has a border color of #ba0fcc.

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

CSS codes

.text {color:#ba0fcc;}

.background {background-color:#ba0fcc;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#130215
```
#130215 rgb(19,2,21)
```
#240328
```
#240328 rgb(36,3,40)
```
#35043a
```
#35043a rgb(53,4,58)
```
#45064c
```
#45064c rgb(69,6,76)
```
#56075e
```
#56075e rgb(86,7,94)
```
#670871
```
#670871 rgb(103,8,113)
```
#770a83
```
#770a83 rgb(119,10,131)
```
#880b95
```
#880b95 rgb(136,11,149)
```
#990ca7
```
#990ca7 rgb(153,12,167)
```
#a90eba
```
#a90eba rgb(169,14,186)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#cb10de
```
#cb10de rgb(203,16,222)
```

Shade Color Variation

#d914ee
```
#d914ee rgb(217,20,238)
```
#dc27ef
```
#dc27ef rgb(220,39,239)
```
#df39f0
```
#df39f0 rgb(223,57,240)
```
#e24bf2
```
#e24bf2 rgb(226,75,242)
```
#e55ef3
```
#e55ef3 rgb(229,94,243)
```
#e870f4
```
#e870f4 rgb(232,112,244)
```
#eb82f6
```
#eb82f6 rgb(235,130,246)
```
#ee94f7
```
#ee94f7 rgb(238,148,247)
```
#f1a7f9
```
#f1a7f9 rgb(241,167,249)
```
#f4b9fa
```
#f4b9fa rgb(244,185,250)
```
#f7cbfb
```
#f7cbfb rgb(247,203,251)
```
#faddfd
```
#faddfd rgb(250,221,253)
```
#fdf0fe
```
#fdf0fe rgb(253,240,254)
```

Tint Color Variation

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

#6f6c6f
```
#6f6c6f rgb(111,108,111)
```
#766378
```
#766378 rgb(118,99,120)
```
#7d5b80
```
#7d5b80 rgb(125,91,128)
```
#835289
```
#835289 rgb(131,82,137)
```
#8a4a91
```
#8a4a91 rgb(138,74,145)
```
#914299
```
#914299 rgb(145,66,153)
```
#9839a2
```
#9839a2 rgb(152,57,162)
```
#9f31aa
```
#9f31aa rgb(159,49,170)
```
#a628b3
```
#a628b3 rgb(166,40,179)
```
#ac20bb
```
#ac20bb rgb(172,32,187)
```
#b317c4
```
#b317c4 rgb(179,23,196)
```
#ba0fcc
```
#ba0fcc rgb(186,15,204)
```
#c107d4
```
#c107d4 rgb(193,7,212)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c496f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#3a75bb Deuteranopia 1% of men
#ae5a5f Tritanopia 0.001% of the population

Trichromacy

#434dd6 Protanomaly 1% of men, 0.01% of women
#6850c1 Deuteranomaly 6% of men, 0.4% of women
#b23e87 Tritanomaly 0.01% of the population

#ba0fcc hex color

#ba0fcc Color Information

#ba0fcc Color Conversion

Color Schemes with #ba0fcc

Alternatives to #ba0fcc

#ba0fcc Preview

Shades and Tints of #ba0fcc

Tones of #ba0fcc

Color Blindness Simulator