#ba22ff Color Information
In a RGB color space, hex #ba22ff is composed of 72.9% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 281.3 degrees, a saturation of 100% and a lightness of 56.7%. #ba22ff color hex could be obtained by blending #ff44ff with #7500ff. Closest websafe color is: #cc33ff.
-
- R 73
- G 13
- B 100
-
- C 27
- M 87
- Y 0
- K 0
● #ba22ff color description : Vivid violet.
#ba22ff Color Conversion
The hexadecimal color #ba22ff has RGB values of R:186, G:34, B:255 and CMYK values of C:0.27, M:0.87, Y:0, K:0. Its decimal value is 12198655.
Hex triplet | ba22ff | #ba22ff |
---|---|---|
RGB Decimal | 186, 34, 255 | rgb(186,34,255) |
RGB Percent | 72.9, 13.3, 100 | rgb(72.9%,13.3%,100%) |
CMYK | 27, 87, 0, 0 | |
HSL | 281.3°, 100, 56.7 | hsl(281.3,100%,56.7%) |
HSV (or HSB) | 281.3°, 86.7, 100 | |
Web Safe | cc33ff | #cc33ff |
CIE-LAB | 50.458, 84.675, -77.319 |
---|---|
XYZ | 38.869, 18.804, 96.184 |
xyY | 0.253, 0.122, 18.804 |
CIE-LCH | 50.458, 114.665, 317.6 |
CIE-LUV | 50.458, 37.556, -125.064 |
Hunter-Lab | 43.364, 84.111, -101.154 |
Binary | 10111010, 00100010, 11111111 |
Color Schemes with #ba22ff
Alternatives to #ba22ff
Below, you can see some colors close to #ba22ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba22ff Preview
This text has a font color of #ba22ff.
<span style="color:#ba22ff;">Text here</span>
This paragraph has a background color of #ba22ff.
<p style="background-color:#ba22ff;">Content here</p>
This element has a border color of #ba22ff.
<div style="border:1px solid #ba22ff;">Content here</div>
.text {color:#ba22ff;}
.background {background-color:#ba22ff;}
.border {border:1px solid #ba22ff;}
Shades and Tints of #ba22ff
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, #0a000e is the darkest color, while #fdfaff is the lightest one.
-
#0a000e
#0a000e
rgb(10,0,14)
-
#170022
#170022
rgb(23,0,34)
-
#250036
#250036
rgb(37,0,54)
-
#320049
#320049
rgb(50,0,73)
-
#40005d
#40005d
rgb(64,0,93)
-
#4d0070
#4d0070
rgb(77,0,112)
-
#5b0084
#5b0084
rgb(91,0,132)
-
#680098
#680098
rgb(104,0,152)
-
#7600ab
#7600ab
rgb(118,0,171)
-
#8300bf
#8300bf
rgb(131,0,191)
-
#9100d3
#9100d3
rgb(145,0,211)
-
#9e00e6
#9e00e6
rgb(158,0,230)
-
#ac00fa
#ac00fa
rgb(172,0,250)
-
#b40eff
#b40eff
rgb(180,14,255)
-
#ba22ff
#ba22ff
rgb(186,34,255)
-
#c036ff
#c036ff
rgb(192,54,255)
-
#c649ff
#c649ff
rgb(198,73,255)
-
#cc5dff
#cc5dff
rgb(204,93,255)
-
#d270ff
#d270ff
rgb(210,112,255)
-
#d984ff
#d984ff
rgb(217,132,255)
-
#df98ff
#df98ff
rgb(223,152,255)
-
#e5abff
#e5abff
rgb(229,171,255)
-
#ebbfff
#ebbfff
rgb(235,191,255)
-
#f1d3ff
#f1d3ff
rgb(241,211,255)
-
#f7e6ff
#f7e6ff
rgb(247,230,255)
-
#fdfaff
#fdfaff
rgb(253,250,255)
Tones of #ba22ff
A tone is produced by adding gray to any pure hue. In this case, #948899 is the less saturated color, while #ba22ff is the most saturated one.
-
#948899
#948899
rgb(148,136,153)
-
#9780a2
#9780a2
rgb(151,128,162)
-
#9a77aa
#9a77aa
rgb(154,119,170)
-
#9d6fb3
#9d6fb3
rgb(157,111,179)
-
#a066bb
#a066bb
rgb(160,102,187)
-
#a45ec4
#a45ec4
rgb(164,94,196)
-
#a755cc
#a755cc
rgb(167,85,204)
-
#aa4dd5
#aa4dd5
rgb(170,77,213)
-
#ad44dd
#ad44dd
rgb(173,68,221)
-
#b03ce6
#b03ce6
rgb(176,60,230)
-
#b433ee
#b433ee
rgb(180,51,238)
-
#b72bf7
#b72bf7
rgb(183,43,247)
-
#ba22ff
#ba22ff
rgb(186,34,255)
Color Blindness Simulator
Below, you can see how #ba22ff 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.