#ba0cc3 hex color

In a RGB color space, hex #ba0cc3 is composed of 72.9% red, 4.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 93.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 297 degrees, a saturation of 88.4% and a lightness of 40.6%. #ba0cc3 color hex could be obtained by blending #ff18ff with #750087. Closest websafe color is: #cc00cc.

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

● #ba0cc3 color description : Strong magenta.

The hexadecimal color #ba0cc3 has RGB values of R:186, G:12, B:195 and CMYK values of C:0.05, M:0.94, Y:0, K:0.24. Its decimal value is 12192963.

Hex triplet	ba0cc3	`#ba0cc3`
RGB Decimal	186, 12, 195	`rgb(186,12,195)`
RGB Percent	72.9, 4.7, 76.5	`rgb(72.9%,4.7%,76.5%)`
CMYK	5, 94, 0, 24
HSL	297°, 88.4, 40.6	`hsl(297,88.4%,40.6%)`
HSV (or HSB)	297°, 93.8, 76.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.143, 77.756, -51.77
XYZ	30.231, 14.644, 52.861
xyY	0.309, 0.15, 14.644
CIE-LCH	45.143, 93.414, 326.344
CIE-LUV	45.143, 57.626, -85.494
Hunter-Lab	38.268, 74.043, -55.113
Binary	10111010, 00001100, 11000011

#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#15c30c
```
#15c30c rgb(21,195,12)
```

Complementary Color

#5e0cc3
```
#5e0cc3 rgb(94,12,195)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#c30c71
```
#c30c71 rgb(195,12,113)
```

Analogous Color

#0cc35e
```
#0cc35e rgb(12,195,94)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#71c30c
```
#71c30c rgb(113,195,12)
```

Split Complementary Color

#0cc3ba
```
#0cc3ba rgb(12,195,186)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#c3ba0c
```
#c3ba0c rgb(195,186,12)
```

Triadic Color

#0c15c3
```
#0c15c3 rgb(12,21,195)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#c3ba0c
```
#c3ba0c rgb(195,186,12)
```
#15c30c
```
#15c30c rgb(21,195,12)
```

Tetradic Color

#75087b
```
#75087b rgb(117,8,123)
```
#8c0993
```
#8c0993 rgb(140,9,147)
```
#a30bab
```
#a30bab rgb(163,11,171)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#d10ddb
```
#d10ddb rgb(209,13,219)
```
#e512f0
```
#e512f0 rgb(229,18,240)
```
#e82af2
```
#e82af2 rgb(232,42,242)
```

Monochromatic Color

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

#8c0cc3
```
#8c0cc3 rgb(140,12,195)
```
#9c0cc3
```
#9c0cc3 rgb(156,12,195)
```
#ab0cc3
```
#ab0cc3 rgb(171,12,195)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#c30cbd
```
#c30cbd rgb(195,12,189)
```
#c30cae
```
#c30cae rgb(195,12,174)
```
#c30c9e
```
#c30c9e rgb(195,12,158)
```

Similar Colors

Text with hexadecimal color #ba0cc3

This text has a font color of #ba0cc3.

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

#ba0cc3 background color

This paragraph has a background color of #ba0cc3.

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

#ba0cc3 border color

This element has a border color of #ba0cc3.

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

CSS codes

.text {color:#ba0cc3;}

.background {background-color:#ba0cc3;}

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

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

#0a010a
```
#0a010a rgb(10,1,10)
```
#1b021d
```
#1b021d rgb(27,2,29)
```
#2d032f
```
#2d032f rgb(45,3,47)
```
#3f0442
```
#3f0442 rgb(63,4,66)
```
#500554
```
#500554 rgb(80,5,84)
```
#620667
```
#620667 rgb(98,6,103)
```
#730779
```
#730779 rgb(115,7,121)
```
#85098c
```
#85098c rgb(133,9,140)
```
#970a9e
```
#970a9e rgb(151,10,158)
```
#a80bb1
```
#a80bb1 rgb(168,11,177)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#cc0dd5
```
#cc0dd5 rgb(204,13,213)
```
#dd0ee8
```
#dd0ee8 rgb(221,14,232)
```

Shade Color Variation

#e619f1
```
#e619f1 rgb(230,25,241)
```
#e82bf2
```
#e82bf2 rgb(232,43,242)
```
#ea3ef3
```
#ea3ef3 rgb(234,62,243)
```
#ec50f4
```
#ec50f4 rgb(236,80,244)
```
#ee63f5
```
#ee63f5 rgb(238,99,245)
```
#f075f7
```
#f075f7 rgb(240,117,247)
```
#f288f8
```
#f288f8 rgb(242,136,248)
```
#f49af9
```
#f49af9 rgb(244,154,249)
```
#f6adfa
```
#f6adfa rgb(246,173,250)
```
#f8bffb
```
#f8bffb rgb(248,191,251)
```
#fad2fc
```
#fad2fc rgb(250,210,252)
```
#fce4fd
```
#fce4fd rgb(252,228,253)
```
#fef7fe
```
#fef7fe rgb(254,247,254)
```

Tint Color Variation

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

#6b646b
```
#6b646b rgb(107,100,107)
```
#725c73
```
#725c73 rgb(114,92,115)
```
#79547b
```
#79547b rgb(121,84,123)
```
#814c83
```
#814c83 rgb(129,76,131)
```
#88448b
```
#88448b rgb(136,68,139)
```
#8f3c93
```
#8f3c93 rgb(143,60,147)
```
#96349b
```
#96349b rgb(150,52,155)
```
#9d2ca3
```
#9d2ca3 rgb(157,44,163)
```
#a424ab
```
#a424ab rgb(164,36,171)
```
#ac1cb3
```
#ac1cb3 rgb(172,28,179)
```
#b314bb
```
#b314bb rgb(179,20,187)
```
#ba0cc3
```
#ba0cc3 rgb(186,12,195)
```
#c104cb
```
#c104cb rgb(193,4,203)
```

Tone Color Variation

Below, you can see how #ba0cc3 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
#69466b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#4473b3 Deuteranopia 1% of men
#af565b Tritanopia 0.001% of the population

Trichromacy

#434bd0 Protanomaly 1% of men, 0.01% of women
#6f4db9 Deuteranomaly 6% of men, 0.4% of women
#b33b81 Tritanomaly 0.01% of the population

#ba0cc3 hex color

#ba0cc3 Color Information

#ba0cc3 Color Conversion

Color Schemes with #ba0cc3

Alternatives to #ba0cc3

#ba0cc3 Preview

Shades and Tints of #ba0cc3

Tones of #ba0cc3

Color Blindness Simulator