#ba22f4 Color Information
In a RGB color space, hex #ba22f4 is composed of 72.9% red, 13.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 86.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 283.4 degrees, a saturation of 90.5% and a lightness of 54.5%. #ba22f4 color hex could be obtained by blending #ff44ff with #7500e9. Closest websafe color is: #cc33ff.
-
- R 73
- G 13
- B 96
-
- C 24
- M 86
- Y 0
- K 4
● #ba22f4 color description : Vivid violet.
#ba22f4 Color Conversion
The hexadecimal color #ba22f4 has RGB values of R:186, G:34, B:244 and CMYK values of C:0.24, M:0.86, Y:0, K:0.04. Its decimal value is 12198644.
Hex triplet | ba22f4 | #ba22f4 |
---|---|---|
RGB Decimal | 186, 34, 244 | rgb(186,34,244) |
RGB Percent | 72.9, 13.3, 95.7 | rgb(72.9%,13.3%,95.7%) |
CMYK | 24, 86, 0, 4 | |
HSL | 283.4°, 90.5, 54.5 | hsl(283.4,90.5%,54.5%) |
HSV (or HSB) | 283.4°, 86.1, 95.7 | |
Web Safe | cc33ff | #cc33ff |
CIE-LAB | 49.637, 82.654, -72.508 |
---|---|
XYZ | 37.149, 18.116, 87.123 |
xyY | 0.261, 0.127, 18.116 |
CIE-LCH | 49.637, 109.951, 318.741 |
CIE-LUV | 49.637, 40.481, -117.713 |
Hunter-Lab | 42.563, 81.308, -91.567 |
Binary | 10111010, 00100010, 11110100 |
Color Schemes with #ba22f4
Alternatives to #ba22f4
Below, you can see some colors close to #ba22f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba22f4 Preview
This text has a font color of #ba22f4.
<span style="color:#ba22f4;">Text here</span>
This paragraph has a background color of #ba22f4.
<p style="background-color:#ba22f4;">Content here</p>
This element has a border color of #ba22f4.
<div style="border:1px solid #ba22f4;">Content here</div>
.text {color:#ba22f4;}
.background {background-color:#ba22f4;}
.border {border:1px solid #ba22f4;}
Shades and Tints of #ba22f4
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, #020003 is the darkest color, while #faf0fe is the lightest one.
-
#020003
#020003
rgb(2,0,3)
-
#100116
#100116
rgb(16,1,22)
-
#1e0229
#1e0229
rgb(30,2,41)
-
#2c033b
#2c033b
rgb(44,3,59)
-
#3a044e
#3a044e
rgb(58,4,78)
-
#470561
#470561
rgb(71,5,97)
-
#550673
#550673
rgb(85,6,115)
-
#630786
#630786
rgb(99,7,134)
-
#710899
#710899
rgb(113,8,153)
-
#7e09ab
#7e09ab
rgb(126,9,171)
-
#8c09be
#8c09be
rgb(140,9,190)
-
#9a0ad1
#9a0ad1
rgb(154,10,209)
-
#a80be3
#a80be3
rgb(168,11,227)
-
#b40ff3
#b40ff3
rgb(180,15,243)
-
#ba22f4
#ba22f4
rgb(186,34,244)
-
#c035f5
#c035f5
rgb(192,53,245)
-
#c647f6
#c647f6
rgb(198,71,246)
-
#cc5af7
#cc5af7
rgb(204,90,247)
-
#d16df8
#d16df8
rgb(209,109,248)
-
#d77ff9
#d77ff9
rgb(215,127,249)
-
#dd92fa
#dd92fa
rgb(221,146,250)
-
#e3a5fb
#e3a5fb
rgb(227,165,251)
-
#e9b7fb
#e9b7fb
rgb(233,183,251)
-
#efcafc
#efcafc
rgb(239,202,252)
-
#f4ddfd
#f4ddfd
rgb(244,221,253)
-
#faf0fe
#faf0fe
rgb(250,240,254)
Tones of #ba22f4
A tone is produced by adding gray to any pure hue. In this case, #8e8492 is the less saturated color, while #be19fd is the most saturated one.
-
#8e8492
#8e8492
rgb(142,132,146)
-
#927b9b
#927b9b
rgb(146,123,155)
-
#9672a4
#9672a4
rgb(150,114,164)
-
#9a69ad
#9a69ad
rgb(154,105,173)
-
#9e60b6
#9e60b6
rgb(158,96,182)
-
#a258be
#a258be
rgb(162,88,190)
-
#a64fc7
#a64fc7
rgb(166,79,199)
-
#aa46d0
#aa46d0
rgb(170,70,208)
-
#ae3dd9
#ae3dd9
rgb(174,61,217)
-
#b234e2
#b234e2
rgb(178,52,226)
-
#b62beb
#b62beb
rgb(182,43,235)
-
#ba22f4
#ba22f4
rgb(186,34,244)
-
#be19fd
#be19fd
rgb(190,25,253)
Color Blindness Simulator
Below, you can see how #ba22f4 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.