#ba30bd hex color

In a RGB color space, hex #ba30bd is composed of 72.9% red, 18.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 74.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 298.7 degrees, a saturation of 59.5% and a lightness of 46.5%. #ba30bd color hex could be obtained by blending #ff60ff with #75007b. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 19
- B 74
RGB color chart
- C 2
- M 75
- Y 0
- K 26
CMYK color chart

● #ba30bd color description : Moderate magenta.

The hexadecimal color #ba30bd has RGB values of R:186, G:48, B:189 and CMYK values of C:0.02, M:0.75, Y:0, K:0.26. Its decimal value is 12202173.

Hex triplet	ba30bd	`#ba30bd`
RGB Decimal	186, 48, 189	`rgb(186,48,189)`
RGB Percent	72.9, 18.8, 74.1	`rgb(72.9%,18.8%,74.1%)`
CMYK	2, 75, 0, 26
HSL	298.7°, 59.5, 46.5	`hsl(298.7,59.5%,46.5%)`
HSV (or HSB)	298.7°, 74.6, 74.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.274, 69.55, -44.866
XYZ	30.491, 16.229, 49.668
xyY	0.316, 0.168, 16.229
CIE-LCH	47.274, 82.765, 327.175
CIE-LUV	47.274, 55.643, -75.579
Hunter-Lab	40.285, 64.604, -44.899
Binary	10111010, 00110000, 10111101

#ba30bd
```
#ba30bd rgb(186,48,189)
```
#33bd30
```
#33bd30 rgb(51,189,48)
```

Complementary Color

#7430bd
```
#7430bd rgb(116,48,189)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```
#bd307a
```
#bd307a rgb(189,48,122)
```

Analogous Color

#30bd74
```
#30bd74 rgb(48,189,116)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```
#7abd30
```
#7abd30 rgb(122,189,48)
```

Split Complementary Color

#30bdba
```
#30bdba rgb(48,189,186)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```
#bdba30
```
#bdba30 rgb(189,186,48)
```

Triadic Color

#3033bd
```
#3033bd rgb(48,51,189)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```
#bdba30
```
#bdba30 rgb(189,186,48)
```
#33bd30
```
#33bd30 rgb(51,189,48)
```

Tetradic Color

#7e2180
```
#7e2180 rgb(126,33,128)
```
#922694
```
#922694 rgb(146,38,148)
```
#a62ba9
```
#a62ba9 rgb(166,43,169)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```
#ca3acd
```
#ca3acd rgb(202,58,205)
```
#cf4ed2
```
#cf4ed2 rgb(207,78,210)
```
#d562d7
```
#d562d7 rgb(213,98,215)
```

Monochromatic Color

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

#9730bd
```
#9730bd rgb(151,48,189)
```
#a330bd
```
#a330bd rgb(163,48,189)
```
#ae30bd
```
#ae30bd rgb(174,48,189)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```
#bd30b4
```
#bd30b4 rgb(189,48,180)
```
#bd30a9
```
#bd30a9 rgb(189,48,169)
```
#bd309d
```
#bd309d rgb(189,48,157)
```

Similar Colors

Text with hexadecimal color #ba30bd

This text has a font color of #ba30bd.

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

#ba30bd background color

This paragraph has a background color of #ba30bd.

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

#ba30bd border color

This element has a border color of #ba30bd.

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

CSS codes

.text {color:#ba30bd;}

.background {background-color:#ba30bd;}

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

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, #010001 is the darkest color, while #fbf1fb is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#110411
```
#110411 rgb(17,4,17)
```
#200821
```
#200821 rgb(32,8,33)
```
#2f0c30
```
#2f0c30 rgb(47,12,48)
```
#3f1040
```
#3f1040 rgb(63,16,64)
```
#4e1450
```
#4e1450 rgb(78,20,80)
```
#5e185f
```
#5e185f rgb(94,24,95)
```
#6d1c6f
```
#6d1c6f rgb(109,28,111)
```
#7c207e
```
#7c207e rgb(124,32,126)
```
#8c248e
```
#8c248e rgb(140,36,142)
```
#9b289e
```
#9b289e rgb(155,40,158)
```
#ab2cad
```
#ab2cad rgb(171,44,173)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```

Shade Color Variation

#c835cc
```
#c835cc rgb(200,53,204)
```
#cd45d0
```
#cd45d0 rgb(205,69,208)
```
#d154d4
```
#d154d4 rgb(209,84,212)
```
#d564d8
```
#d564d8 rgb(213,100,216)
```
#d974dc
```
#d974dc rgb(217,116,220)
```
#de83e0
```
#de83e0 rgb(222,131,224)
```
#e293e4
```
#e293e4 rgb(226,147,228)
```
#e6a2e7
```
#e6a2e7 rgb(230,162,231)
```
#eab2eb
```
#eab2eb rgb(234,178,235)
```
#eec2ef
```
#eec2ef rgb(238,194,239)
```
#f3d1f3
```
#f3d1f3 rgb(243,209,243)
```
#f7e1f7
```
#f7e1f7 rgb(247,225,247)
```
#fbf1fb
```
#fbf1fb rgb(251,241,251)
```

Tint Color Variation

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

#7d707d
```
#7d707d rgb(125,112,125)
```
#866786
```
#866786 rgb(134,103,134)
```
#8e5e8f
```
#8e5e8f rgb(142,94,143)
```
#975499
```
#975499 rgb(151,84,153)
```
#a04ba2
```
#a04ba2 rgb(160,75,162)
```
#a942ab
```
#a942ab rgb(169,66,171)
```
#b139b4
```
#b139b4 rgb(177,57,180)
```
#ba30bd
```
#ba30bd rgb(186,48,189)
```
#c327c6
```
#c327c6 rgb(195,39,198)
```
#cb1ecf
```
#cb1ecf rgb(203,30,207)
```
#d415d8
```
#d415d8 rgb(212,21,216)
```
#dd0ce1
```
#dd0ce1 rgb(221,12,225)
```
#e602eb
```
#e602eb rgb(230,2,235)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#795e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e3 Protanopia 1% of men
#5777b1 Deuteranopia 1% of men
#b15e64 Tritanopia 0.001% of the population

Trichromacy

#435bd5 Protanomaly 1% of men, 0.01% of women
#7b5db5 Deuteranomaly 6% of men, 0.4% of women
#b44d84 Tritanomaly 0.01% of the population

#ba30bd hex color

#ba30bd Color Information

#ba30bd Color Conversion

Color Schemes with #ba30bd

Alternatives to #ba30bd

#ba30bd Preview

Shades and Tints of #ba30bd

Tones of #ba30bd

Color Blindness Simulator