#ba20c5 hex color

In a RGB color space, hex #ba20c5 is composed of 72.9% red, 12.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 83.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 296 degrees, a saturation of 72.1% and a lightness of 44.9%. #ba20c5 color hex could be obtained by blending #ff40ff with #75008b. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 13
- B 77
RGB color chart
- C 6
- M 84
- Y 0
- K 23
CMYK color chart

● #ba20c5 color description : Strong magenta.

The hexadecimal color #ba20c5 has RGB values of R:186, G:32, B:197 and CMYK values of C:0.06, M:0.84, Y:0, K:0.23. Its decimal value is 12198085.

Hex triplet	ba20c5	`#ba20c5`
RGB Decimal	186, 32, 197	`rgb(186,32,197)`
RGB Percent	72.9, 12.5, 77.3	`rgb(72.9%,12.5%,77.3%)`
CMYK	6, 84, 0, 23
HSL	296°, 72.1, 44.9	`hsl(296,72.1%,44.9%)`
HSV (or HSB)	296°, 83.8, 77.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	46.319, 74.979, -51.048
XYZ	30.843, 15.505, 54.189
xyY	0.307, 0.154, 15.505
CIE-LCH	46.319, 90.707, 325.752
CIE-LUV	46.319, 55.263, -84.752
Hunter-Lab	39.377, 70.908, -54.029
Binary	10111010, 00100000, 11000101

#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#2bc520
```
#2bc520 rgb(43,197,32)
```

Complementary Color

#6820c5
```
#6820c5 rgb(104,32,197)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#c5207e
```
#c5207e rgb(197,32,126)
```

Analogous Color

#20c568
```
#20c568 rgb(32,197,104)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#7ec520
```
#7ec520 rgb(126,197,32)
```

Split Complementary Color

#20c5ba
```
#20c5ba rgb(32,197,186)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#c5ba20
```
#c5ba20 rgb(197,186,32)
```

Triadic Color

#202bc5
```
#202bc5 rgb(32,43,197)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#c5ba20
```
#c5ba20 rgb(197,186,32)
```
#2bc520
```
#2bc520 rgb(43,197,32)
```

Tetradic Color

#7c1583
```
#7c1583 rgb(124,21,131)
```
#911999
```
#911999 rgb(145,25,153)
```
#a51caf
```
#a51caf rgb(165,28,175)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#cf24db
```
#cf24db rgb(207,36,219)
```
#d439df
```
#d439df rgb(212,57,223)
```
#d94fe2
```
#d94fe2 rgb(217,79,226)
```

Monochromatic Color

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

#9120c5
```
#9120c5 rgb(145,32,197)
```
#9f20c5
```
#9f20c5 rgb(159,32,197)
```
#ac20c5
```
#ac20c5 rgb(172,32,197)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#c520c2
```
#c520c2 rgb(197,32,194)
```
#c520b5
```
#c520b5 rgb(197,32,181)
```
#c520a7
```
#c520a7 rgb(197,32,167)
```

Similar Colors

Text with hexadecimal color #ba20c5

This text has a font color of #ba20c5.

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

#ba20c5 background color

This paragraph has a background color of #ba20c5.

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

#ba20c5 border color

This element has a border color of #ba20c5.

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

CSS codes

.text {color:#ba20c5;}

.background {background-color:#ba20c5;}

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

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

#0b020b
```
#0b020b rgb(11,2,11)
```
#1b051c
```
#1b051c rgb(27,5,28)
```
#2b072d
```
#2b072d rgb(43,7,45)
```
#3b0a3e
```
#3b0a3e rgb(59,10,62)
```
#4a0d4f
```
#4a0d4f rgb(74,13,79)
```
#5a1060
```
#5a1060 rgb(90,16,96)
```
#6a1271
```
#6a1271 rgb(106,18,113)
```
#7a1582
```
#7a1582 rgb(122,21,130)
```
#8a1892
```
#8a1892 rgb(138,24,146)
```
#9a1ba3
```
#9a1ba3 rgb(154,27,163)
```
#aa1db4
```
#aa1db4 rgb(170,29,180)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#ca23d6
```
#ca23d6 rgb(202,35,214)
```

Shade Color Variation

#d22fdd
```
#d22fdd rgb(210,47,221)
```
#d540e0
```
#d540e0 rgb(213,64,224)
```
#d951e3
```
#d951e3 rgb(217,81,227)
```
#dd62e5
```
#dd62e5 rgb(221,98,229)
```
#e073e8
```
#e073e8 rgb(224,115,232)
```
#e483eb
```
#e483eb rgb(228,131,235)
```
#e894ee
```
#e894ee rgb(232,148,238)
```
#eba5f0
```
#eba5f0 rgb(235,165,240)
```
#efb6f3
```
#efb6f3 rgb(239,182,243)
```
#f3c7f6
```
#f3c7f6 rgb(243,199,246)
```
#f6d8f9
```
#f6d8f9 rgb(246,216,249)
```
#fae9fb
```
#fae9fb rgb(250,233,251)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#756f76
```
#756f76 rgb(117,111,118)
```
#7d667f
```
#7d667f rgb(125,102,127)
```
#855e87
```
#855e87 rgb(133,94,135)
```
#8c5590
```
#8c5590 rgb(140,85,144)
```
#944c99
```
#944c99 rgb(148,76,153)
```
#9b43a2
```
#9b43a2 rgb(155,67,162)
```
#a33aab
```
#a33aab rgb(163,58,171)
```
#ab32b3
```
#ab32b3 rgb(171,50,179)
```
#b229bc
```
#b229bc rgb(178,41,188)
```
#ba20c5
```
#ba20c5 rgb(186,32,197)
```
#c217ce
```
#c217ce rgb(194,23,206)
```
#c90ed7
```
#c90ed7 rgb(201,14,215)
```
#d106df
```
#d106df rgb(209,6,223)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#735475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#4975b6 Deuteranopia 1% of men
#af5b61 Tritanopia 0.001% of the population

Trichromacy

#4354d5 Protanomaly 1% of men, 0.01% of women
#7256bb Deuteranomaly 6% of men, 0.4% of women
#b34585 Tritanomaly 0.01% of the population

#ba20c5 hex color

#ba20c5 Color Information

#ba20c5 Color Conversion

Color Schemes with #ba20c5

Alternatives to #ba20c5

#ba20c5 Preview

Shades and Tints of #ba20c5

Tones of #ba20c5

Color Blindness Simulator