#ba30ff Color Information
In a RGB color space, hex #ba30ff is composed of 72.9% red, 18.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 81.2% magenta, 0% yellow and 0% black. It has a hue angle of 280 degrees, a saturation of 100% and a lightness of 59.4%. #ba30ff color hex could be obtained by blending #ff60ff with #7500ff. Closest websafe color is: #cc33ff.
-
- R 73
- G 19
- B 100
-
- C 27
- M 81
- Y 0
- K 0
● #ba30ff color description : Vivid violet.
#ba30ff Color Conversion
The hexadecimal color #ba30ff has RGB values of R:186, G:48, B:255 and CMYK values of C:0.27, M:0.81, Y:0, K:0. Its decimal value is 12202239.
Hex triplet | ba30ff | #ba30ff |
---|---|---|
RGB Decimal | 186, 48, 255 | rgb(186,48,255) |
RGB Percent | 72.9, 18.8, 100 | rgb(72.9%,18.8%,100%) |
CMYK | 27, 81, 0, 0 | |
HSL | 280°, 100, 59.4 | hsl(280,100%,59.4%) |
HSV (or HSB) | 280°, 81.2, 100 | |
Web Safe | cc33ff | #cc33ff |
CIE-LAB | 51.581, 81.37, -75.49 |
---|---|
XYZ | 39.354, 19.774, 96.346 |
xyY | 0.253, 0.127, 19.774 |
CIE-LCH | 51.581, 110.994, 317.147 |
CIE-LUV | 51.581, 36.226, -123.107 |
Hunter-Lab | 44.468, 80.152, -97.332 |
Binary | 10111010, 00110000, 11111111 |
Color Schemes with #ba30ff
Alternatives to #ba30ff
Below, you can see some colors close to #ba30ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba30ff Preview
This text has a font color of #ba30ff.
<span style="color:#ba30ff;">Text here</span>
This paragraph has a background color of #ba30ff.
<p style="background-color:#ba30ff;">Content here</p>
This element has a border color of #ba30ff.
<div style="border:1px solid #ba30ff;">Content here</div>
.text {color:#ba30ff;}
.background {background-color:#ba30ff;}
.border {border:1px solid #ba30ff;}
Shades and Tints of #ba30ff
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, #060009 is the darkest color, while #fbf4ff is the lightest one.
-
#060009
#060009
rgb(6,0,9)
-
#13001c
#13001c
rgb(19,0,28)
-
#200030
#200030
rgb(32,0,48)
-
#2d0044
#2d0044
rgb(45,0,68)
-
#3a0057
#3a0057
rgb(58,0,87)
-
#47006b
#47006b
rgb(71,0,107)
-
#54007e
#54007e
rgb(84,0,126)
-
#610092
#610092
rgb(97,0,146)
-
#6e00a6
#6e00a6
rgb(110,0,166)
-
#7c00b9
#7c00b9
rgb(124,0,185)
-
#8900cd
#8900cd
rgb(137,0,205)
-
#9600e1
#9600e1
rgb(150,0,225)
-
#a300f4
#a300f4
rgb(163,0,244)
-
#ad09ff
#ad09ff
rgb(173,9,255)
-
#b31cff
#b31cff
rgb(179,28,255)
-
#ba30ff
#ba30ff
rgb(186,48,255)
-
#c144ff
#c144ff
rgb(193,68,255)
-
#c757ff
#c757ff
rgb(199,87,255)
-
#ce6bff
#ce6bff
rgb(206,107,255)
-
#d47eff
#d47eff
rgb(212,126,255)
-
#db92ff
#db92ff
rgb(219,146,255)
-
#e1a6ff
#e1a6ff
rgb(225,166,255)
-
#e8b9ff
#e8b9ff
rgb(232,185,255)
-
#eecdff
#eecdff
rgb(238,205,255)
-
#f5e1ff
#f5e1ff
rgb(245,225,255)
-
#fbf4ff
#fbf4ff
rgb(251,244,255)
Tones of #ba30ff
A tone is produced by adding gray to any pure hue. In this case, #9a909f is the less saturated color, while #ba30ff is the most saturated one.
-
#9a909f
#9a909f
rgb(154,144,159)
-
#9d88a7
#9d88a7
rgb(157,136,167)
-
#9f80af
#9f80af
rgb(159,128,175)
-
#a278b7
#a278b7
rgb(162,120,183)
-
#a570bf
#a570bf
rgb(165,112,191)
-
#a768c7
#a768c7
rgb(167,104,199)
-
#aa60cf
#aa60cf
rgb(170,96,207)
-
#ad58d7
#ad58d7
rgb(173,88,215)
-
#af50df
#af50df
rgb(175,80,223)
-
#b248e7
#b248e7
rgb(178,72,231)
-
#b540ef
#b540ef
rgb(181,64,239)
-
#b738f7
#b738f7
rgb(183,56,247)
-
#ba30ff
#ba30ff
rgb(186,48,255)
Color Blindness Simulator
Below, you can see how #ba30ff 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.