#ba30dd hex color

In a RGB color space, hex #ba30dd is composed of 72.9% red, 18.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 78.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 287.9 degrees, a saturation of 71.8% and a lightness of 52.7%. #ba30dd color hex could be obtained by blending #ff60ff with #7500bb. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 19
- B 87
RGB color chart
- C 16
- M 78
- Y 0
- K 13
CMYK color chart

● #ba30dd color description : Bright magenta.

The hexadecimal color #ba30dd has RGB values of R:186, G:48, B:221 and CMYK values of C:0.16, M:0.78, Y:0, K:0.13. Its decimal value is 12202205.

Hex triplet	ba30dd	`#ba30dd`
RGB Decimal	186, 48, 221	`rgb(186,48,221)`
RGB Percent	72.9, 18.8, 86.7	`rgb(72.9%,18.8%,86.7%)`
CMYK	16, 78, 0, 13
HSL	287.9°, 71.8, 52.7	`hsl(287.9,71.8%,52.7%)`
HSV (or HSB)	287.9°, 78.3, 86.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.222, 75.042, -60.182
XYZ	34.356, 17.775, 70.024
xyY	0.281, 0.146, 17.775
CIE-LCH	49.222, 96.193, 321.271
CIE-LUV	49.222, 45.474, -99.378
Hunter-Lab	42.16, 71.678, -68.962
Binary	10111010, 00110000, 11011101

#ba30dd
```
#ba30dd rgb(186,48,221)
```
#53dd30
```
#53dd30 rgb(83,221,48)
```

Complementary Color

#6430dd
```
#6430dd rgb(100,48,221)
```
#ba30dd
```
#ba30dd rgb(186,48,221)
```
#dd30aa
```
#dd30aa rgb(221,48,170)
```

Analogous Color

#30dd63
```
#30dd63 rgb(48,221,99)
```
#ba30dd
```
#ba30dd rgb(186,48,221)
```
#aadd30
```
#aadd30 rgb(170,221,48)
```

Split Complementary Color

#30ddba
```
#30ddba rgb(48,221,186)
```
#ba30dd
```
#ba30dd rgb(186,48,221)
```
#ddba30
```
#ddba30 rgb(221,186,48)
```

Triadic Color

#3053dd
```
#3053dd rgb(48,83,221)
```
#ba30dd
```
#ba30dd rgb(186,48,221)
```
#ddba30
```
#ddba30 rgb(221,186,48)
```
#53dd30
```
#53dd30 rgb(83,221,48)
```

Tetradic Color

#891ba5
```
#891ba5 rgb(137,27,165)
```
#9c1fbb
```
#9c1fbb rgb(156,31,187)
```
#ae22d1
```
#ae22d1 rgb(174,34,209)
```
#ba30dd
```
#ba30dd rgb(186,48,221)
```
#c146e1
```
#c146e1 rgb(193,70,225)
```
#c95ce4
```
#c95ce4 rgb(201,92,228)
```
#d072e8
```
#d072e8 rgb(208,114,232)
```

Monochromatic Color

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

#8f30dd
```
#8f30dd rgb(143,48,221)
```
#9d30dd
```
#9d30dd rgb(157,48,221)
```
#ac30dd
```
#ac30dd rgb(172,48,221)
```
#ba30dd
```
#ba30dd rgb(186,48,221)
```
#c830dd
```
#c830dd rgb(200,48,221)
```
#d730dd
```
#d730dd rgb(215,48,221)
```
#dd30d5
```
#dd30d5 rgb(221,48,213)
```

Similar Colors

Text with hexadecimal color #ba30dd

This text has a font color of #ba30dd.

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

#ba30dd background color

This paragraph has a background color of #ba30dd.

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

#ba30dd border color

This element has a border color of #ba30dd.

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

CSS codes

.text {color:#ba30dd;}

.background {background-color:#ba30dd;}

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

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

#0a020c
```
#0a020c rgb(10,2,12)
```
#18051d
```
#18051d rgb(24,5,29)
```
#26082e
```
#26082e rgb(38,8,46)
```
#340a3f
```
#340a3f rgb(52,10,63)
```
#420d4f
```
#420d4f rgb(66,13,79)
```
#501060
```
#501060 rgb(80,16,96)
```
#5e1371
```
#5e1371 rgb(94,19,113)
```
#6c1582
```
#6c1582 rgb(108,21,130)
```
#7a1893
```
#7a1893 rgb(122,24,147)
```
#881ba4
```
#881ba4 rgb(136,27,164)
```
#961eb5
```
#961eb5 rgb(150,30,181)
```
#a420c5
```
#a420c5 rgb(164,32,197)
```
#b223d6
```
#b223d6 rgb(178,35,214)
```

Shade Color Variation

#ba30dd
```
#ba30dd rgb(186,48,221)
```
#c041e0
```
#c041e0 rgb(192,65,224)
```
#c552e3
```
#c552e3 rgb(197,82,227)
```
#cb63e5
```
#cb63e5 rgb(203,99,229)
```
#d073e8
```
#d073e8 rgb(208,115,232)
```
#d684eb
```
#d684eb rgb(214,132,235)
```
#dc95ee
```
#dc95ee rgb(220,149,238)
```
#e1a6f0
```
#e1a6f0 rgb(225,166,240)
```
#e7b7f3
```
#e7b7f3 rgb(231,183,243)
```
#edc8f6
```
#edc8f6 rgb(237,200,246)
```
#f2d8f9
```
#f2d8f9 rgb(242,216,249)
```
#f8e9fb
```
#f8e9fb rgb(248,233,251)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#88838a
```
#88838a rgb(136,131,138)
```
#8e7a93
```
#8e7a93 rgb(142,122,147)
```
#93719c
```
#93719c rgb(147,113,156)
```
#9968a5
```
#9968a5 rgb(153,104,165)
```
#9e5eaf
```
#9e5eaf rgb(158,94,175)
```
#a455b8
```
#a455b8 rgb(164,85,184)
```
#a94cc1
```
#a94cc1 rgb(169,76,193)
```
#af43ca
```
#af43ca rgb(175,67,202)
```
#b439d4
```
#b439d4 rgb(180,57,212)
```
#ba30dd
```
#ba30dd rgb(186,48,221)
```
#c027e6
```
#c027e6 rgb(192,39,230)
```
#c51df0
```
#c51df0 rgb(197,29,240)
```
#cb14f9
```
#cb14f9 rgb(203,20,249)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7c6183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#327dcc Deuteranopia 1% of men
#ab6970 Tritanopia 0.001% of the population

Trichromacy

#435ee6 Protanomaly 1% of men, 0.01% of women
#6461d2 Deuteranomaly 6% of men, 0.4% of women
#b15497 Tritanomaly 0.01% of the population

#ba30dd hex color

#ba30dd Color Information

#ba30dd Color Conversion

Color Schemes with #ba30dd

Alternatives to #ba30dd

#ba30dd Preview

Shades and Tints of #ba30dd

Tones of #ba30dd

Color Blindness Simulator