#ba20ec hex color

In a RGB color space, hex #ba20ec is composed of 72.9% red, 12.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 86.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 285.3 degrees, a saturation of 84.3% and a lightness of 52.5%. #ba20ec color hex could be obtained by blending #ff40ff with #7500d9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 13
- B 93
RGB color chart
- C 21
- M 86
- Y 0
- K 7
CMYK color chart

● #ba20ec color description : Vivid magenta.

The hexadecimal color #ba20ec has RGB values of R:186, G:32, B:236 and CMYK values of C:0.21, M:0.86, Y:0, K:0.07. Its decimal value is 12198124.

Hex triplet	ba20ec	`#ba20ec`
RGB Decimal	186, 32, 236	`rgb(186,32,236)`
RGB Percent	72.9, 12.5, 92.5	`rgb(72.9%,12.5%,92.5%)`
CMYK	21, 86, 0, 7
HSL	285.3°, 84.3, 52.5	`hsl(285.3,84.3%,52.5%)`
HSV (or HSB)	285.3°, 86.4, 92.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	48.921, 81.613, -69.171
XYZ	35.905, 17.53, 80.845
xyY	0.267, 0.131, 17.53
CIE-LCH	48.921, 106.983, 319.717
CIE-LUV	48.921, 42.89, -112.516
Hunter-Lab	41.869, 79.804, -85.176
Binary	10111010, 00100000, 11101100

#ba20ec
```
#ba20ec rgb(186,32,236)
```
#52ec20
```
#52ec20 rgb(82,236,32)
```

Complementary Color

#5420ec
```
#5420ec rgb(84,32,236)
```
#ba20ec
```
#ba20ec rgb(186,32,236)
```
#ec20b8
```
#ec20b8 rgb(236,32,184)
```

Analogous Color

#20ec54
```
#20ec54 rgb(32,236,84)
```
#ba20ec
```
#ba20ec rgb(186,32,236)
```
#b8ec20
```
#b8ec20 rgb(184,236,32)
```

Split Complementary Color

#20ecba
```
#20ecba rgb(32,236,186)
```
#ba20ec
```
#ba20ec rgb(186,32,236)
```
#ecba20
```
#ecba20 rgb(236,186,32)
```

Triadic Color

#2052ec
```
#2052ec rgb(32,82,236)
```
#ba20ec
```
#ba20ec rgb(186,32,236)
```
#ecba20
```
#ecba20 rgb(236,186,32)
```
#52ec20
```
#52ec20 rgb(82,236,32)
```

Tetradic Color

#890fb0
```
#890fb0 rgb(137,15,176)
```
#9b11c8
```
#9b11c8 rgb(155,17,200)
```
#ad13df
```
#ad13df rgb(173,19,223)
```
#ba20ec
```
#ba20ec rgb(186,32,236)
```
#c137ee
```
#c137ee rgb(193,55,238)
```
#c94ff0
```
#c94ff0 rgb(201,79,240)
```
#d066f2
```
#d066f2 rgb(208,102,242)
```

Monochromatic Color

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

#8720ec
```
#8720ec rgb(135,32,236)
```
#9820ec
```
#9820ec rgb(152,32,236)
```
#a920ec
```
#a920ec rgb(169,32,236)
```
#ba20ec
```
#ba20ec rgb(186,32,236)
```
#cb20ec
```
#cb20ec rgb(203,32,236)
```
#dc20ec
```
#dc20ec rgb(220,32,236)
```
#ec20eb
```
#ec20eb rgb(236,32,235)
```

Similar Colors

Text with hexadecimal color #ba20ec

This text has a font color of #ba20ec.

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

#ba20ec background color

This paragraph has a background color of #ba20ec.

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

#ba20ec border color

This element has a border color of #ba20ec.

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

CSS codes

.text {color:#ba20ec;}

.background {background-color:#ba20ec;}

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

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, #09010c is the darkest color, while #fdf9fe is the lightest one.

#09010c
```
#09010c rgb(9,1,12)
```
#17031e
```
#17031e rgb(23,3,30)
```
#250430
```
#250430 rgb(37,4,48)
```
#330642
```
#330642 rgb(51,6,66)
```
#410754
```
#410754 rgb(65,7,84)
```
#4f0966
```
#4f0966 rgb(79,9,102)
```
#5d0a78
```
#5d0a78 rgb(93,10,120)
```
#6b0c8b
```
#6b0c8b rgb(107,12,139)
```
#790d9d
```
#790d9d rgb(121,13,157)
```
#870faf
```
#870faf rgb(135,15,175)
```
#9610c1
```
#9610c1 rgb(150,16,193)
```
#a412d3
```
#a412d3 rgb(164,18,211)
```
#b214e5
```
#b214e5 rgb(178,20,229)
```

Shade Color Variation

#ba20ec
```
#ba20ec rgb(186,32,236)
```
#c032ee
```
#c032ee rgb(192,50,238)
```
#c544ef
```
#c544ef rgb(197,68,239)
```
#cb56f1
```
#cb56f1 rgb(203,86,241)
```
#d068f2
```
#d068f2 rgb(208,104,242)
```
#d67af4
```
#d67af4 rgb(214,122,244)
```
#dc8cf5
```
#dc8cf5 rgb(220,140,245)
```
#e19ff7
```
#e19ff7 rgb(225,159,247)
```
#e7b1f8
```
#e7b1f8 rgb(231,177,248)
```
#ecc3fa
```
#ecc3fa rgb(236,195,250)
```
#f2d5fb
```
#f2d5fb rgb(242,213,251)
```
#f8e7fd
```
#f8e7fd rgb(248,231,253)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#8b7d8f
```
#8b7d8f rgb(139,125,143)
```
#8f7498
```
#8f7498 rgb(143,116,152)
```
#946aa2
```
#946aa2 rgb(148,106,162)
```
#9961ab
```
#9961ab rgb(153,97,171)
```
#9e58b4
```
#9e58b4 rgb(158,88,180)
```
#a24fbd
```
#a24fbd rgb(162,79,189)
```
#a745c7
```
#a745c7 rgb(167,69,199)
```
#ac3cd0
```
#ac3cd0 rgb(172,60,208)
```
#b133d9
```
#b133d9 rgb(177,51,217)
```
#b529e3
```
#b529e3 rgb(181,41,227)
```
#ba20ec
```
#ba20ec rgb(186,32,236)
```
#bf17f5
```
#bf17f5 rgb(191,23,245)
```
#c30dff
```
#c30dff rgb(195,13,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#765780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dd0 Deuteranopia 1% of men
#a86970 Tritanopia 0.001% of the population

Trichromacy

#4357ea Protanomaly 1% of men, 0.01% of women
#435bda Deuteranomaly 6% of men, 0.4% of women
#ae4f9d Tritanomaly 0.01% of the population

#ba20ec hex color

#ba20ec Color Information

#ba20ec Color Conversion

Color Schemes with #ba20ec

Alternatives to #ba20ec

#ba20ec Preview

Shades and Tints of #ba20ec

Tones of #ba20ec

Color Blindness Simulator