#ba21f4 Color Information
In a RGB color space, hex #ba21f4 is composed of 72.9% red, 12.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 86.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 283.5 degrees, a saturation of 90.6% and a lightness of 54.3%. #ba21f4 color hex could be obtained by blending #ff42ff with #7500e9. Closest websafe color is: #cc33ff.
-
- R 73
- G 13
- B 96
-
- C 24
- M 86
- Y 0
- K 4
● #ba21f4 color description : Vivid violet.
#ba21f4 Color Conversion
The hexadecimal color #ba21f4 has RGB values of R:186, G:33, B:244 and CMYK values of C:0.24, M:0.86, Y:0, K:0.04. Its decimal value is 12198388.
Hex triplet | ba21f4 | #ba21f4 |
---|---|---|
RGB Decimal | 186, 33, 244 | rgb(186,33,244) |
RGB Percent | 72.9, 12.9, 95.7 | rgb(72.9%,12.9%,95.7%) |
CMYK | 24, 86, 0, 4 | |
HSL | 283.5°, 90.6, 54.3 | hsl(283.5,90.6%,54.3%) |
HSV (or HSB) | 283.5°, 86.5, 95.7 | |
Web Safe | cc33ff | #cc33ff |
CIE-LAB | 49.569, 82.855, -72.619 |
---|---|
XYZ | 37.121, 18.06, 87.114 |
xyY | 0.261, 0.127, 18.06 |
CIE-LCH | 49.569, 110.175, 318.767 |
CIE-LUV | 49.569, 40.564, -117.833 |
Hunter-Lab | 42.497, 81.548, -91.79 |
Binary | 10111010, 00100001, 11110100 |
Color Schemes with #ba21f4
Alternatives to #ba21f4
Below, you can see some colors close to #ba21f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba21f4 Preview
This text has a font color of #ba21f4.
<span style="color:#ba21f4;">Text here</span>
This paragraph has a background color of #ba21f4.
<p style="background-color:#ba21f4;">Content here</p>
This element has a border color of #ba21f4.
<div style="border:1px solid #ba21f4;">Content here</div>
.text {color:#ba21f4;}
.background {background-color:#ba21f4;}
.border {border:1px solid #ba21f4;}
Shades and Tints of #ba21f4
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, #020002 is the darkest color, while #faeffe is the lightest one.
-
#020002
#020002
rgb(2,0,2)
-
#0f0115
#0f0115
rgb(15,1,21)
-
#1d0228
#1d0228
rgb(29,2,40)
-
#2b033a
#2b033a
rgb(43,3,58)
-
#39044d
#39044d
rgb(57,4,77)
-
#470560
#470560
rgb(71,5,96)
-
#550672
#550672
rgb(85,6,114)
-
#620785
#620785
rgb(98,7,133)
-
#700898
#700898
rgb(112,8,152)
-
#7e08aa
#7e08aa
rgb(126,8,170)
-
#8c09bd
#8c09bd
rgb(140,9,189)
-
#9a0ad0
#9a0ad0
rgb(154,10,208)
-
#a70be3
#a70be3
rgb(167,11,227)
-
#b40ef3
#b40ef3
rgb(180,14,243)
-
#ba21f4
#ba21f4
rgb(186,33,244)
-
#c034f5
#c034f5
rgb(192,52,245)
-
#c646f6
#c646f6
rgb(198,70,246)
-
#cb59f7
#cb59f7
rgb(203,89,247)
-
#d16cf8
#d16cf8
rgb(209,108,248)
-
#d77ef9
#d77ef9
rgb(215,126,249)
-
#dd91fa
#dd91fa
rgb(221,145,250)
-
#e3a4fa
#e3a4fa
rgb(227,164,250)
-
#e8b7fb
#e8b7fb
rgb(232,183,251)
-
#eec9fc
#eec9fc
rgb(238,201,252)
-
#f4dcfd
#f4dcfd
rgb(244,220,253)
-
#faeffe
#faeffe
rgb(250,239,254)
Tones of #ba21f4
A tone is produced by adding gray to any pure hue. In this case, #8e8491 is the less saturated color, while #be18fd is the most saturated one.
-
#8e8491
#8e8491
rgb(142,132,145)
-
#927b9a
#927b9a
rgb(146,123,154)
-
#9672a3
#9672a3
rgb(150,114,163)
-
#9a69ac
#9a69ac
rgb(154,105,172)
-
#9e60b5
#9e60b5
rgb(158,96,181)
-
#a257be
#a257be
rgb(162,87,190)
-
#a64ec7
#a64ec7
rgb(166,78,199)
-
#aa45d0
#aa45d0
rgb(170,69,208)
-
#ae3cd9
#ae3cd9
rgb(174,60,217)
-
#b233e2
#b233e2
rgb(178,51,226)
-
#b62aeb
#b62aeb
rgb(182,42,235)
-
#ba21f4
#ba21f4
rgb(186,33,244)
-
#be18fd
#be18fd
rgb(190,24,253)
Color Blindness Simulator
Below, you can see how #ba21f4 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.