#ba30be hex color

In a RGB color space, hex #ba30be is composed of 72.9% red, 18.8% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 74.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 298.3 degrees, a saturation of 59.7% and a lightness of 46.7%. #ba30be color hex could be obtained by blending #ff60ff with #75007d. Closest websafe color is: #cc33cc.

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

● #ba30be color description : Moderate magenta.

The hexadecimal color #ba30be has RGB values of R:186, G:48, B:190 and CMYK values of C:0.02, M:0.75, Y:0, K:0.25. Its decimal value is 12202174.

Hex triplet	ba30be	`#ba30be`
RGB Decimal	186, 48, 190	`rgb(186,48,190)`
RGB Percent	72.9, 18.8, 74.5	`rgb(72.9%,18.8%,74.5%)`
CMYK	2, 75, 0, 25
HSL	298.3°, 59.7, 46.7	`hsl(298.3,59.7%,46.7%)`
HSV (or HSB)	298.3°, 74.7, 74.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.33, 69.713, -45.359
XYZ	30.6, 16.273, 50.242
xyY	0.315, 0.168, 16.273
CIE-LCH	47.33, 83.17, 326.95
CIE-LUV	47.33, 55.303, -76.343
Hunter-Lab	40.339, 64.811, -45.607
Binary	10111010, 00110000, 10111110

#ba30be
```
#ba30be rgb(186,48,190)
```
#34be30
```
#34be30 rgb(52,190,48)
```

Complementary Color

#7330be
```
#7330be rgb(115,48,190)
```
#ba30be
```
#ba30be rgb(186,48,190)
```
#be307b
```
#be307b rgb(190,48,123)
```

Analogous Color

#30be73
```
#30be73 rgb(48,190,115)
```
#ba30be
```
#ba30be rgb(186,48,190)
```
#7bbe30
```
#7bbe30 rgb(123,190,48)
```

Split Complementary Color

#30beba
```
#30beba rgb(48,190,186)
```
#ba30be
```
#ba30be rgb(186,48,190)
```
#beba30
```
#beba30 rgb(190,186,48)
```

Triadic Color

#3034be
```
#3034be rgb(48,52,190)
```
#ba30be
```
#ba30be rgb(186,48,190)
```
#beba30
```
#beba30 rgb(190,186,48)
```
#34be30
```
#34be30 rgb(52,190,48)
```

Tetradic Color

#7e2181
```
#7e2181 rgb(126,33,129)
```
#922695
```
#922695 rgb(146,38,149)
```
#a62baa
```
#a62baa rgb(166,43,170)
```
#ba30be
```
#ba30be rgb(186,48,190)
```
#c93acd
```
#c93acd rgb(201,58,205)
```
#cf4fd2
```
#cf4fd2 rgb(207,79,210)
```
#d463d8
```
#d463d8 rgb(212,99,216)
```

Monochromatic Color

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

#9730be
```
#9730be rgb(151,48,190)
```
#a230be
```
#a230be rgb(162,48,190)
```
#ae30be
```
#ae30be rgb(174,48,190)
```
#ba30be
```
#ba30be rgb(186,48,190)
```
#be30b6
```
#be30b6 rgb(190,48,182)
```
#be30aa
```
#be30aa rgb(190,48,170)
```
#be309f
```
#be309f rgb(190,48,159)
```

Similar Colors

Text with hexadecimal color #ba30be

This text has a font color of #ba30be.

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

#ba30be background color

This paragraph has a background color of #ba30be.

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

#ba30be border color

This element has a border color of #ba30be.

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

CSS codes

.text {color:#ba30be;}

.background {background-color:#ba30be;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#110412
```
#110412 rgb(17,4,18)
```
#210821
```
#210821 rgb(33,8,33)
```
#300c31
```
#300c31 rgb(48,12,49)
```
#3f1041
```
#3f1041 rgb(63,16,65)
```
#4f1450
```
#4f1450 rgb(79,20,80)
```
#5e1860
```
#5e1860 rgb(94,24,96)
```
#6d1c70
```
#6d1c70 rgb(109,28,112)
```
#7d207f
```
#7d207f rgb(125,32,127)
```
#8c248f
```
#8c248f rgb(140,36,143)
```
#9b289f
```
#9b289f rgb(155,40,159)
```
#ab2cae
```
#ab2cae rgb(171,44,174)
```
#ba30be
```
#ba30be rgb(186,48,190)
```

Shade Color Variation

#c836cc
```
#c836cc rgb(200,54,204)
```
#cc45d0
```
#cc45d0 rgb(204,69,208)
```
#d055d4
```
#d055d4 rgb(208,85,212)
```
#d564d8
```
#d564d8 rgb(213,100,216)
```
#d974dc
```
#d974dc rgb(217,116,220)
```
#dd84e0
```
#dd84e0 rgb(221,132,224)
```
#e293e4
```
#e293e4 rgb(226,147,228)
```
#e6a3e8
```
#e6a3e8 rgb(230,163,232)
```
#eab3ec
```
#eab3ec rgb(234,179,236)
```
#eec2f0
```
#eec2f0 rgb(238,194,240)
```
#f3d2f4
```
#f3d2f4 rgb(243,210,244)
```
#f7e2f8
```
#f7e2f8 rgb(247,226,248)
```
#fbf1fc
```
#fbf1fc rgb(251,241,252)
```

Tint Color Variation

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

#7e707e
```
#7e707e rgb(126,112,126)
```
#866787
```
#866787 rgb(134,103,135)
```
#8f5e90
```
#8f5e90 rgb(143,94,144)
```
#975599
```
#975599 rgb(151,85,153)
```
#a04ba3
```
#a04ba3 rgb(160,75,163)
```
#a942ac
```
#a942ac rgb(169,66,172)
```
#b139b5
```
#b139b5 rgb(177,57,181)
```
#ba30be
```
#ba30be rgb(186,48,190)
```
#c327c7
```
#c327c7 rgb(195,39,199)
```
#cb1ed0
```
#cb1ed0 rgb(203,30,208)
```
#d415d9
```
#d415d9 rgb(212,21,217)
```
#dd0be3
```
#dd0be3 rgb(221,11,227)
```
#e502ec
```
#e502ec rgb(229,2,236)
```

Tone Color Variation

Below, you can see how #ba30be 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
#7b5db6 Deuteranomaly 6% of men, 0.4% of women
#b44d85 Tritanomaly 0.01% of the population

#ba30be hex color

#ba30be Color Information

#ba30be Color Conversion

Color Schemes with #ba30be

Alternatives to #ba30be

#ba30be Preview

Shades and Tints of #ba30be

Tones of #ba30be

Color Blindness Simulator