#ba20bb hex color

In a RGB color space, hex #ba20bb is composed of 72.9% red, 12.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 82.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 299.6 degrees, a saturation of 70.8% and a lightness of 42.9%. #ba20bb color hex could be obtained by blending #ff40ff with #750077. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 13
- B 73
RGB color chart
- C 1
- M 83
- Y 0
- K 27
CMYK color chart

● #ba20bb color description : Strong magenta.

The hexadecimal color #ba20bb has RGB values of R:186, G:32, B:187 and CMYK values of C:0.01, M:0.83, Y:0, K:0.27. Its decimal value is 12198075.

Hex triplet	ba20bb	`#ba20bb`
RGB Decimal	186, 32, 187	`rgb(186,32,187)`
RGB Percent	72.9, 12.5, 73.3	`rgb(72.9%,12.5%,73.3%)`
CMYK	1, 83, 0, 27
HSL	299.6°, 70.8, 42.9	`hsl(299.6,70.8%,42.9%)`
HSV (or HSB)	299.6°, 82.9, 73.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	45.719, 73.398, -46.174
XYZ	29.735, 15.062, 48.352
xyY	0.319, 0.162, 15.062
CIE-LCH	45.719, 86.714, 327.826
CIE-LUV	45.719, 58.827, -77.296
Hunter-Lab	38.81, 68.846, -46.701
Binary	10111010, 00100000, 10111011

#ba20bb
```
#ba20bb rgb(186,32,187)
```
#21bb20
```
#21bb20 rgb(33,187,32)
```

Complementary Color

#6d20bb
```
#6d20bb rgb(109,32,187)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#bb206f
```
#bb206f rgb(187,32,111)
```

Analogous Color

#20bb6d
```
#20bb6d rgb(32,187,109)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#6fbb20
```
#6fbb20 rgb(111,187,32)
```

Split Complementary Color

#20bbba
```
#20bbba rgb(32,187,186)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#bbba20
```
#bbba20 rgb(187,186,32)
```

Triadic Color

#2021bb
```
#2021bb rgb(32,33,187)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#bbba20
```
#bbba20 rgb(187,186,32)
```
#21bb20
```
#21bb20 rgb(33,187,32)
```

Tetradic Color

#79157a
```
#79157a rgb(121,21,122)
```
#8f198f
```
#8f198f rgb(143,25,143)
```
#a41ca5
```
#a41ca5 rgb(164,28,165)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#d024d1
```
#d024d1 rgb(208,36,209)
```
#db32dc
```
#db32dc rgb(219,50,220)
```
#df48e0
```
#df48e0 rgb(223,72,224)
```

Monochromatic Color

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

#9320bb
```
#9320bb rgb(147,32,187)
```
#a020bb
```
#a020bb rgb(160,32,187)
```
#ad20bb
```
#ad20bb rgb(173,32,187)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#bb20af
```
#bb20af rgb(187,32,175)
```
#bb20a2
```
#bb20a2 rgb(187,32,162)
```
#bb2095
```
#bb2095 rgb(187,32,149)
```

Similar Colors

Text with hexadecimal color #ba20bb

This text has a font color of #ba20bb.

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

#ba20bb background color

This paragraph has a background color of #ba20bb.

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

#ba20bb border color

This element has a border color of #ba20bb.

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

CSS codes

.text {color:#ba20bb;}

.background {background-color:#ba20bb;}

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

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 #fdf1fd is the lightest one.

#030003
```
#030003 rgb(3,0,3)
```
#130314
```
#130314 rgb(19,3,20)
```
#240624
```
#240624 rgb(36,6,36)
```
#350935
```
#350935 rgb(53,9,53)
```
#450c46
```
#450c46 rgb(69,12,70)
```
#560f57
```
#560f57 rgb(86,15,87)
```
#671267
```
#671267 rgb(103,18,103)
```
#771578
```
#771578 rgb(119,21,120)
```
#881789
```
#881789 rgb(136,23,137)
```
#991a9a
```
#991a9a rgb(153,26,154)
```
#a91daa
```
#a91daa rgb(169,29,170)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#cb23cc
```
#cb23cc rgb(203,35,204)
```

Shade Color Variation

#d928da
```
#d928da rgb(217,40,218)
```
#dc39dd
```
#dc39dd rgb(220,57,221)
```
#df4ae0
```
#df4ae0 rgb(223,74,224)
```
#e25ae3
```
#e25ae3 rgb(226,90,227)
```
#e56be6
```
#e56be6 rgb(229,107,230)
```
#e87ce9
```
#e87ce9 rgb(232,124,233)
```
#eb8deb
```
#eb8deb rgb(235,141,235)
```
#ee9dee
```
#ee9dee rgb(238,157,238)
```
#f1aef1
```
#f1aef1 rgb(241,174,241)
```
#f4bff4
```
#f4bff4 rgb(244,191,244)
```
#f7d0f7
```
#f7d0f7 rgb(247,208,247)
```
#fae0fa
```
#fae0fa rgb(250,224,250)
```
#fdf1fd
```
#fdf1fd rgb(253,241,253)
```

Tint Color Variation

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

#6f6c6f
```
#6f6c6f rgb(111,108,111)
```
#776378
```
#776378 rgb(119,99,120)
```
#805b80
```
#805b80 rgb(128,91,128)
```
#885388
```
#885388 rgb(136,83,136)
```
#904a91
```
#904a91 rgb(144,74,145)
```
#994299
```
#994299 rgb(153,66,153)
```
#a139a2
```
#a139a2 rgb(161,57,162)
```
#a931aa
```
#a931aa rgb(169,49,170)
```
#b228b3
```
#b228b3 rgb(178,40,179)
```
#ba20bb
```
#ba20bb rgb(186,32,187)
```
#c218c3
```
#c218c3 rgb(194,24,195)
```
#cb0fcc
```
#cb0fcc rgb(203,15,204)
```
#d307d4
```
#d307d4 rgb(211,7,212)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#725372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#5273ad Deuteranopia 1% of men
#b1575d Tritanopia 0.001% of the population

Trichromacy

#4353cf Protanomaly 1% of men, 0.01% of women
#7755b2 Deuteranomaly 6% of men, 0.4% of women
#b4437f Tritanomaly 0.01% of the population

#ba20bb hex color

#ba20bb Color Information

#ba20bb Color Conversion

Color Schemes with #ba20bb

Alternatives to #ba20bb

#ba20bb Preview

Shades and Tints of #ba20bb

Tones of #ba20bb

Color Blindness Simulator