#ba30ec hex color

In a RGB color space, hex #ba30ec is composed of 72.9% red, 18.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 79.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 284 degrees, a saturation of 83.2% and a lightness of 55.7%. #ba30ec color hex could be obtained by blending #ff60ff with #7500d9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 19
- B 93
RGB color chart
- C 21
- M 80
- Y 0
- K 7
CMYK color chart

● #ba30ec color description : Bright violet.

The hexadecimal color #ba30ec has RGB values of R:186, G:48, B:236 and CMYK values of C:0.21, M:0.8, Y:0, K:0.07. Its decimal value is 12202220.

Hex triplet	ba30ec	`#ba30ec`
RGB Decimal	186, 48, 236	`rgb(186,48,236)`
RGB Percent	72.9, 18.8, 92.5	`rgb(72.9%,18.8%,92.5%)`
CMYK	21, 80, 0, 7
HSL	284°, 83.2, 55.7	`hsl(284,83.2%,55.7%)`
HSV (or HSB)	284°, 79.7, 92.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.228, 77.781, -67.051
XYZ	36.445, 18.611, 81.025
xyY	0.268, 0.137, 18.611
CIE-LCH	50.228, 102.692, 319.237
CIE-LUV	50.228, 41.201, -110.045
Hunter-Lab	43.14, 75.304, -81.159
Binary	10111010, 00110000, 11101100

#ba30ec
```
#ba30ec rgb(186,48,236)
```
#62ec30
```
#62ec30 rgb(98,236,48)
```

Complementary Color

#5c30ec
```
#5c30ec rgb(92,48,236)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#ec30c0
```
#ec30c0 rgb(236,48,192)
```

Analogous Color

#30ec5c
```
#30ec5c rgb(48,236,92)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#c0ec30
```
#c0ec30 rgb(192,236,48)
```

Split Complementary Color

#30ecba
```
#30ecba rgb(48,236,186)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#ecba30
```
#ecba30 rgb(236,186,48)
```

Triadic Color

#3062ec
```
#3062ec rgb(48,98,236)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#ecba30
```
#ecba30 rgb(236,186,48)
```
#62ec30
```
#62ec30 rgb(98,236,48)
```

Tetradic Color

#9011be
```
#9011be rgb(144,17,190)
```
#a214d5
```
#a214d5 rgb(162,20,213)
```
#b219ea
```
#b219ea rgb(178,25,234)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#c247ee
```
#c247ee rgb(194,71,238)
```
#ca5ff0
```
#ca5ff0 rgb(202,95,240)
```
#d176f2
```
#d176f2 rgb(209,118,242)
```

Monochromatic Color

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

#8b30ec
```
#8b30ec rgb(139,48,236)
```
#9b30ec
```
#9b30ec rgb(155,48,236)
```
#aa30ec
```
#aa30ec rgb(170,48,236)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#ca30ec
```
#ca30ec rgb(202,48,236)
```
#d930ec
```
#d930ec rgb(217,48,236)
```
#e930ec
```
#e930ec rgb(233,48,236)
```

Similar Colors

Text with hexadecimal color #ba30ec

This text has a font color of #ba30ec.

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

#ba30ec background color

This paragraph has a background color of #ba30ec.

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

#ba30ec border color

This element has a border color of #ba30ec.

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

CSS codes

.text {color:#ba30ec;}

.background {background-color:#ba30ec;}

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

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

#070109
```
#070109 rgb(7,1,9)
```
#14021b
```
#14021b rgb(20,2,27)
```
#22042d
```
#22042d rgb(34,4,45)
```
#2f063e
```
#2f063e rgb(47,6,62)
```
#3d0750
```
#3d0750 rgb(61,7,80)
```
#4b0962
```
#4b0962 rgb(75,9,98)
```
#580b74
```
#580b74 rgb(88,11,116)
```
#660c86
```
#660c86 rgb(102,12,134)
```
#740e98
```
#740e98 rgb(116,14,152)
```
#8110aa
```
#8110aa rgb(129,16,170)
```
#8f11bc
```
#8f11bc rgb(143,17,188)
```
#9c13ce
```
#9c13ce rgb(156,19,206)
```
#aa15e0
```
#aa15e0 rgb(170,21,224)
```

Shade Color Variation

#b41eea
```
#b41eea rgb(180,30,234)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#c042ee
```
#c042ee rgb(192,66,238)
```
#c654ef
```
#c654ef rgb(198,84,239)
```
#cc66f1
```
#cc66f1 rgb(204,102,241)
```
#d278f3
```
#d278f3 rgb(210,120,243)
```
#d88af4
```
#d88af4 rgb(216,138,244)
```
#de9cf6
```
#de9cf6 rgb(222,156,246)
```
#e4aef8
```
#e4aef8 rgb(228,174,248)
```
#eac0f9
```
#eac0f9 rgb(234,192,249)
```
#f0d2fb
```
#f0d2fb rgb(240,210,251)
```
#f6e4fc
```
#f6e4fc rgb(246,228,252)
```
#fcf6fe
```
#fcf6fe rgb(252,246,254)
```

Tint Color Variation

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

#918795
```
#918795 rgb(145,135,149)
```
#957e9e
```
#957e9e rgb(149,126,158)
```
#9976a6
```
#9976a6 rgb(153,118,166)
```
#9e6daf
```
#9e6daf rgb(158,109,175)
```
#a264b8
```
#a264b8 rgb(162,100,184)
```
#a65bc1
```
#a65bc1 rgb(166,91,193)
```
#aa53c9
```
#aa53c9 rgb(170,83,201)
```
#ae4ad2
```
#ae4ad2 rgb(174,74,210)
```
#b241db
```
#b241db rgb(178,65,219)
```
#b639e3
```
#b639e3 rgb(182,57,227)
```
#ba30ec
```
#ba30ec rgb(186,48,236)
```
#be27f5
```
#be27f5 rgb(190,39,245)
```
#c21ffd
```
#c21ffd rgb(194,31,253)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7e6288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0080d6 Deuteranopia 1% of men
#a86e75 Tritanopia 0.001% of the population

Trichromacy

#435fee Protanomaly 1% of men, 0.01% of women
#4363de Deuteranomaly 6% of men, 0.4% of women
#af57a0 Tritanomaly 0.01% of the population

#ba30ec hex color

#ba30ec Color Information

#ba30ec Color Conversion

Color Schemes with #ba30ec

Alternatives to #ba30ec

#ba30ec Preview

Shades and Tints of #ba30ec

Tones of #ba30ec

Color Blindness Simulator