#ba20db hex color

In a RGB color space, hex #ba20db is composed of 72.9% red, 12.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 15.1% cyan, 85.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 289.4 degrees, a saturation of 74.5% and a lightness of 49.2%. #ba20db color hex could be obtained by blending #ff40ff with #7500b7. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 13
- B 86
RGB color chart
- C 15
- M 85
- Y 0
- K 14
CMYK color chart

● #ba20db color description : Vivid magenta.

The hexadecimal color #ba20db has RGB values of R:186, G:32, B:219 and CMYK values of C:0.15, M:0.85, Y:0, K:0.14. Its decimal value is 12198107.

Hex triplet	ba20db	`#ba20db`
RGB Decimal	186, 32, 219	`rgb(186,32,219)`
RGB Percent	72.9, 12.5, 85.9	`rgb(72.9%,12.5%,85.9%)`
CMYK	15, 85, 0, 14
HSL	289.4°, 74.5, 49.2	`hsl(289.4,74.5%,49.2%)`
HSV (or HSB)	289.4°, 85.4, 85.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.737, 78.638, -61.438
XYZ	33.551, 16.588, 68.449
xyY	0.283, 0.14, 16.588
CIE-LCH	47.737, 99.793, 322
CIE-LUV	47.737, 47.987, -100.677
Hunter-Lab	40.729, 75.767, -71.133
Binary	10111010, 00100000, 11011011

#ba20db
```
#ba20db rgb(186,32,219)
```
#41db20
```
#41db20 rgb(65,219,32)
```

Complementary Color

#5d20db
```
#5d20db rgb(93,32,219)
```
#ba20db
```
#ba20db rgb(186,32,219)
```
#db209f
```
#db209f rgb(219,32,159)
```

Analogous Color

#20db5d
```
#20db5d rgb(32,219,93)
```
#ba20db
```
#ba20db rgb(186,32,219)
```
#9fdb20
```
#9fdb20 rgb(159,219,32)
```

Split Complementary Color

#20dbba
```
#20dbba rgb(32,219,186)
```
#ba20db
```
#ba20db rgb(186,32,219)
```
#dbba20
```
#dbba20 rgb(219,186,32)
```

Triadic Color

#2041db
```
#2041db rgb(32,65,219)
```
#ba20db
```
#ba20db rgb(186,32,219)
```
#dbba20
```
#dbba20 rgb(219,186,32)
```
#41db20
```
#41db20 rgb(65,219,32)
```

Tetradic Color

#811698
```
#811698 rgb(129,22,152)
```
#9419af
```
#9419af rgb(148,25,175)
```
#a71dc5
```
#a71dc5 rgb(167,29,197)
```
#ba20db
```
#ba20db rgb(186,32,219)
```
#c333e1
```
#c333e1 rgb(195,51,225)
```
#c94ae4
```
#c94ae4 rgb(201,74,228)
```
#d060e8
```
#d060e8 rgb(208,96,232)
```

Monochromatic Color

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

#8b20db
```
#8b20db rgb(139,32,219)
```
#9b20db
```
#9b20db rgb(155,32,219)
```
#aa20db
```
#aa20db rgb(170,32,219)
```
#ba20db
```
#ba20db rgb(186,32,219)
```
#ca20db
```
#ca20db rgb(202,32,219)
```
#d920db
```
#d920db rgb(217,32,219)
```
#db20cd
```
#db20cd rgb(219,32,205)
```

Similar Colors

Text with hexadecimal color #ba20db

This text has a font color of #ba20db.

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

#ba20db background color

This paragraph has a background color of #ba20db.

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

#ba20db border color

This element has a border color of #ba20db.

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

CSS codes

.text {color:#ba20db;}

.background {background-color:#ba20db;}

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

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

#0c020e
```
#0c020e rgb(12,2,14)
```
#1a041f
```
#1a041f rgb(26,4,31)
```
#290730
```
#290730 rgb(41,7,48)
```
#370941
```
#370941 rgb(55,9,65)
```
#460c52
```
#460c52 rgb(70,12,82)
```
#540e63
```
#540e63 rgb(84,14,99)
```
#631174
```
#631174 rgb(99,17,116)
```
#711385
```
#711385 rgb(113,19,133)
```
#801697
```
#801697 rgb(128,22,151)
```
#8e18a8
```
#8e18a8 rgb(142,24,168)
```
#9d1bb9
```
#9d1bb9 rgb(157,27,185)
```
#ab1dca
```
#ab1dca rgb(171,29,202)
```
#ba20db
```
#ba20db rgb(186,32,219)
```

Shade Color Variation

#c12ee0
```
#c12ee0 rgb(193,46,224)
```
#c63fe3
```
#c63fe3 rgb(198,63,227)
```
#cb50e5
```
#cb50e5 rgb(203,80,229)
```
#d061e8
```
#d061e8 rgb(208,97,232)
```
#d573ea
```
#d573ea rgb(213,115,234)
```
#da84ed
```
#da84ed rgb(218,132,237)
```
#df95ef
```
#df95ef rgb(223,149,239)
```
#e5a6f2
```
#e5a6f2 rgb(229,166,242)
```
#eab7f4
```
#eab7f4 rgb(234,183,244)
```
#efc8f7
```
#efc8f7 rgb(239,200,247)
```
#f4d9f9
```
#f4d9f9 rgb(244,217,249)
```
#f9eafc
```
#f9eafc rgb(249,234,252)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#827784
```
#827784 rgb(130,119,132)
```
#886d8e
```
#886d8e rgb(136,109,142)
```
#8e6497
```
#8e6497 rgb(142,100,151)
```
#955aa1
```
#955aa1 rgb(149,90,161)
```
#9b50ab
```
#9b50ab rgb(155,80,171)
```
#a147b4
```
#a147b4 rgb(161,71,180)
```
#a73dbe
```
#a73dbe rgb(167,61,190)
```
#ae33c8
```
#ae33c8 rgb(174,51,200)
```
#b42ad1
```
#b42ad1 rgb(180,42,209)
```
#ba20db
```
#ba20db rgb(186,32,219)
```
#c016e5
```
#c016e5 rgb(192,22,229)
```
#c60dee
```
#c60dee rgb(198,13,238)
```
#cd03f8
```
#cd03f8 rgb(205,3,248)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#74567b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#277ac9 Deuteranopia 1% of men
#ab6369 Tritanopia 0.001% of the population

Trichromacy

#4356e0 Protanomaly 1% of men, 0.01% of women
#5c59cf Deuteranomaly 6% of men, 0.4% of women
#b04a93 Tritanomaly 0.01% of the population

#ba20db hex color

#ba20db Color Information

#ba20db Color Conversion

Color Schemes with #ba20db

Alternatives to #ba20db

#ba20db Preview

Shades and Tints of #ba20db

Tones of #ba20db

Color Blindness Simulator